zj-teach/pages/teachDetail/teachDetail.wxss

/* pages/teachDetail/teachDetail.wxss */
/* 整个页面样式 */
.teachDeatil{
    display: flex;
    position: relative;
    flex-direction: column;
    margin-left: 20rpx;
}
.head{
    display: flex;
}
.headDetail{
    margin-left: 20rpx;
    display: flex;
    flex-direction: column;
    font-size: 28rpx;
}
.teachName{
    font-weight: bold;
}
.headDetail text{
    padding-bottom: 10rpx;
}
/* 头像设置 */
.teachImg{
    width: 200rpx;
}
.settledDay{
    display: block;
    float: right;
}

/* 中部区域 */
.midArea{
    display: flex;
    /* border: 1rpx solid red; */
    width: 96%;
    margin-top: 10rpx;
    justify-content: space-between;
    flex-wrap: wrap;
}
.midArea text{
    /* display: block; */
    width: 48%;
    height: 60rpx;
    line-height: 60rpx;
    font-size: 28rpx;
}

/* 可授课程 */
.course{
    margin-top: 40rpx;
}
.courseList{
    margin-top: 10rpx;
}

/* 可授课区域 */
.teachAera{
    margin-top: 40rpx;
}
.teachAreaDetail{
    margin-top: 10rpx;
}

/* 自我介绍及案例 */
.introduceDetail{
    display: flex;
    flex-direction: column;
    margin-top: 40rpx;
}
.introduce-title{
    margin-bottom: 20rpx;
    color: yellowgreen;
    font-weight: bold;
}
.introduce-body{
    line-height: 50rpx;
    font-size: 28rpx;
}

/* 底部区域 */
.bottomContainer{
    width: 99%;
    display: flex;
    position: absolute;
    bottom: 50rpx;
    /* background-color: #bfa; */
    /* border: 1rpx solid red; */
    justify-content: space-around;
}

.myCollect,
.collection,
.inviteTeach{
    width: 30%;
    height: 60rpx;
    line-height: 60rpx;
    font-weight: bold;
    border: 1rpx solid red;
    border-radius: 30rpx;
    text-align: center;
}
/* 我收藏的老师 */
.myCollect{
    color: red;
    /* background-color: blue; */
}
/* 收藏老师 */
.collection{
    color: yellowgreen;
}
/* 邀请老师 */
.inviteTeach{
    color: pink;
}