| | |
| | | /* pages/student/index.wxss */ |
| | | page { |
| | | background-color: #F2F3F8; |
| | | } |
| | | |
| | | .container { |
| | | width: 100vw; |
| | | height: 100vh; |
| | | } |
| | | |
| | | .top-content { |
| | | padding: 40rpx; |
| | | } |
| | | |
| | | .boxStyle { |
| | | border: 2rpx solid #ff6d00; |
| | | background: rgba(255, 108, 0, 0.1); |
| | | font-size: 26rpx; |
| | | color: #9D9D9D; |
| | | padding: 20rpx; |
| | | display: flex; |
| | | justify-content: space-around; |
| | | line-height: 56rpx; |
| | | } |
| | | |
| | | .box-item { |
| | | text-align: center; |
| | | } |
| | | |
| | | .result { |
| | | color: #333; |
| | | } |
| | | |
| | | |
| | | .num { |
| | | font-size: 36rpx; |
| | | color: #ff6d00; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .t-tabs__track { |
| | | display: none; |
| | | } |
| | | |
| | | .t-tabs { |
| | | padding-top: 20rpx; |
| | | background: none !important; |
| | | width: 100%; |
| | | position: fixed; |
| | | top: 0rpx; |
| | | left: 0; |
| | | z-index: 1 |
| | | } |
| | | |
| | | .t-tabs__wrapper { |
| | | background: none !important; |
| | | } |
| | | |
| | | .t-tabs__nav :nth-child(1) { |
| | | border-radius: 30rpx 30rpx 0 0rpx; |
| | | } |
| | | |
| | | .t-tabs__nav :nth-child(2) { |
| | | border-radius: 0rpx 30rpx 0 30rpx; |
| | | } |
| | | |
| | | .t-tabs__item { |
| | | flex: 1 !important; |
| | | background: #E6E8F1; |
| | | height: 76rpx !important; |
| | | margin-top: 16rpx; |
| | | border-radius: 30rpx 0 30rpx 0rpx !important; |
| | | } |
| | | |
| | | .t-tabs__item--active { |
| | | color: #333 !important; |
| | | background: #fff; |
| | | height: 96rpx; |
| | | font-size: 32rpx; |
| | | margin-top: 0; |
| | | height: 96rpx !important; |
| | | border-radius: 30rpx 30rpx 0 0rpx !important; |
| | | } |
| | | |
| | | .t-tabs__item--active+.t-tabs__item { |
| | | border-radius: 0 30rpx 0 30rpx !important; |
| | | } |
| | | |
| | | .refresh-container { |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | .bottom-loading, |
| | | .loading { |
| | | padding: 20rpx; |
| | | text-align: center; |
| | | } |
| | | |
| | | .empyt { |
| | | padding: 100rpx 0; |
| | | } |
| | | |
| | | .pageInfo { |
| | | background: #fff; |
| | | margin-top: -30rpx; |
| | | padding: 30rpx; |
| | | } |
| | | |
| | | .content { |
| | | height: calc(100vh - env(safe-area-inset-bottom) - 436rpx); |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .listBox { |
| | | display: flex; |
| | | flex-flow: row wrap; |
| | | padding-top: 30rpx; |
| | | } |
| | | |
| | | .content-item { |
| | | background: #f1f1f1; |
| | | border-radius: 10rpx; |
| | | box-sizing: border-box; |
| | | width: calc(100%/2 - 10rpx); |
| | | margin-right: 20rpx; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | margin-bottom: 30rpx; |
| | | padding: 50rpx 20rpx 40rpx 20rpx; |
| | | |
| | | } |
| | | |
| | | .content-item:nth-child(2n) { |
| | | margin-right: 0; |
| | | } |
| | | |
| | | .icon image { |
| | | object-fit: contain; |
| | | } |
| | | |
| | | .body-info .name { |
| | | height: 80rpx; |
| | | margin-top: 24rpx; |
| | | width: 100%; |
| | | font-size: 30rpx; |
| | | line-height: 40rpx; |
| | | font-weight: 700; |
| | | word-break: break-all; |
| | | display: -webkit-box; |
| | | -webkit-line-clamp: 2; |
| | | -webkit-box-orient: vertical; |
| | | overflow: hidden; |
| | | } |