zj-teach/pages/myInfo/myInfo.wxss

/* pages/myInfo/myInfo.wxss */

/* 设置本页面背景样式 */
page{
    position: relative;
    margin:20rpx;
    background-color: #E2F0D9;
}
/* 设置本页面背景样式 */
.wrapper {
    width: 95%;
}

/* 顶部头像和昵称区域 */
.headWrapper{
    display: flex;
    height: 180rpx;
    background-color: #FFF2CC;
    border-radius: 20rpx;
    align-items: center;
}

/* 头像 */
.headImg{
    width: 120rpx;
    height: 120rpx;
    border-radius: 50%;
    margin-left: 20rpx;    
}

/* 昵称和ID区域 */
.headNick{
    margin-left: 40rpx;
}

.userNickName,
.userId{
    height: 60rpx;
    line-height: 60rpx;
}
/* 昵称 */
.userNickName{
    font-weight: bold;
}
/* ID */
.userId{
    color: red;
}

/* 箭头样式 */
.rightArrow,
.rightIcon{
    position: absolute;
    height: 40rpx;
    width: 40rpx;
}
.rightArrow{
    right: 70rpx;
}

/* 邀请、收藏、建议和投诉的箭头位置 */
.rightIcon{
    right: 30rpx;
}

/* 订单、管理员专用 */
.orderList,
.manager{
    display: flex;
    height: 80rpx;
    line-height: 80rpx;
    margin-top: 20rpx;
    padding-left: 20rpx;
    background-color: #FFF2CC;
    border-radius: 20rpx;
    align-items: center;
}
.manager{
    margin-bottom: 30rpx;
}

/* 关注和推荐、邀请、收藏、建议和投诉 */
.invitation,
.collection,
.recommendWraooer,
.suggest{
    display: flex;
    justify-content: space-between;
}

.myInvitation,
.myCollected,
.recommend,
.suggestDetail{
    width: 45%;
    display: flex;
    height: 80rpx;
    line-height: 80rpx;
    align-items: center;
    background-color: #FFF2CC;
    margin-top: 20rpx;
    padding-left: 20rpx;
    border-radius: 20rpx;
    position: relative;
}

/* 教员认证和课程发布、我的需求样式 */
.teachCourse,
.myNeed{
    background-color: #FFF2CC;
    border-radius: 20rpx;
    margin-top: 20rpx;    
    padding: 20rpx 0 20rpx 20rpx;
}
.teachCourseDetail,
.myNeedDetail{
    display: flex;
    height: 80rpx;
    line-height: 80rpx;
    align-items: center;
}