zj-teach/pages/myInfo/myInfo.wxss

/* pages/myInfo/myInfo.wxss */

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

/* 顶部头像和昵称区域 */
.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{
    position: absolute;
    height: 40rpx;
    width: 40rpx;
    right: 40rpx;
}
/* 推荐分享 */
.recommend,
.orderList{
    display: flex;
    height: 80rpx;
    line-height: 80rpx;
    margin-top: 20rpx;
    padding-left: 20rpx;
    background-color: #FFF2CC;
    border-radius: 20rpx;
    align-items: center;
}

/* 邀请和收藏 */
.invitation,
.collection{
    display: flex;
    justify-content: space-between;
}

.myInvitation,
.myCollected{
    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;
}

/* 邀请和收藏的箭头 */
.rightIcon{
    height: 40rpx;
    width: 40rpx;
    position: absolute;
    right: 30rpx;
}

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