| | |
| | | /* pages/personalCenter/index.wxss */ |
| | | page { |
| | | background-color: #f0f2f5; |
| | | box-sizing: border-box; |
| | | padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx); |
| | | } |
| | | |
| | | .background { |
| | | width: 100%; |
| | | position: fixed; |
| | | top: 0; |
| | | left: 0; |
| | | height: 80rpx; |
| | | z-index: 3; |
| | | text-align: center; |
| | | padding-top: 110rpx; |
| | | font-size: 36rpx; |
| | | } |
| | | |
| | | .white { |
| | | background: #fff; |
| | | color: #333; |
| | | } |
| | | |
| | | .home-page .bg { |
| | | height: 780rpx; |
| | | width: 100%; |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | z-index: -1; |
| | | } |
| | | |
| | | .home-page .bg .image { |
| | | height: 100%; |
| | | } |
| | | |
| | | .content-wrapper { |
| | | position: relative; |
| | | padding: 30rpx; |
| | | } |
| | | |
| | | .topBox { |
| | | width: 100%; |
| | | background-color: #fff; |
| | | border-radius: 20rpx; |
| | | box-shadow: 0px 0px 20rpx 2px #f1f1f1; |
| | | } |
| | | |
| | | .teacherBox { |
| | | display: flex; |
| | | padding: 40rpx 20rpx; |
| | | justify-content: space-around; |
| | | text-align: center; |
| | | font-size: 28rpx; |
| | | } |
| | | |
| | | .teacherBox .title { |
| | | margin-top: 20rpx; |
| | | line-height: 40rpx; |
| | | } |
| | | |
| | | .teacherBox .change-info { |
| | | color: #ff6d00; |
| | | margin-left: 20rpx; |
| | | } |
| | | |
| | | .wait { |
| | | color: #ff6d00; |
| | | } |
| | | |
| | | .no { |
| | | color: #EE1818 |
| | | } |
| | | |
| | | .yes { |
| | | color: #1FBC1F |
| | | } |
| | | |
| | | .domainBox { |
| | | width: 100%; |
| | | margin: 20rpx auto; |
| | | background-color: #fff; |
| | | border-radius: 20rpx; |
| | | box-shadow: 0px 0px 20rpx 2px #f1f1f1; |
| | | } |
| | | |
| | | .domainBox .title { |
| | | font-weight: bold; |
| | | padding: 30rpx; |
| | | } |
| | | |
| | | .domainList { |
| | | width: 100%; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | justify-content: center; |
| | | padding-bottom: 30rpx; |
| | | } |
| | | |
| | | .domainList1 { |
| | | /* width: 100%; */ |
| | | display: flex; |
| | | /* flex-wrap: wrap; */ |
| | | border-bottom: 2rpx solid #f1f1f1; |
| | | margin: 0 30rpx; |
| | | } |
| | | |
| | | .domainList2 { |
| | | display: flex; |
| | | margin: 0 30rpx; |
| | | } |
| | | |
| | | .listItem { |
| | | width: 160rpx; |
| | | min-width: 160rpx; |
| | | flex-shrink: 0; |
| | | padding: 30rpx 0; |
| | | } |
| | | |
| | | .listItem .icon { |
| | | width: 46rpx; |
| | | height: 46rpx; |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | .listItem .icon .t-image { |
| | | width: 100%; |
| | | height: 100%; |
| | | object-fit: contain; |
| | | } |
| | | |
| | | .listItem .label { |
| | | width: 100%; |
| | | font-size: 28rpx; |
| | | line-height: 40rpx; |
| | | text-align: center; |
| | | margin-top: 20rpx; |
| | | } |