| | |
| | | @import "./index.skeleton.wxss"; |
| | | |
| | | page { |
| | | background-color: #F2F3F8; |
| | | } |
| | | |
| | | .container { |
| | | width: 100vw; |
| | | height: 100vh; |
| | | } |
| | | |
| | | .pageInfo { |
| | | background: #fff; |
| | | } |
| | | |
| | | .content { |
| | | height: calc(100vh - env(safe-area-inset-bottom) - 116rpx); |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .t-tabs { |
| | | margin-top: 20rpx; |
| | | padding-top: 20rpx; |
| | | background: none !important; |
| | | width: 100%; |
| | | position: fixed; |
| | | top: 0rpx; |
| | | left: 0; |
| | | z-index: 1 |
| | | } |
| | | |
| | | .t-tabs__wrapper { |
| | |
| | | } |
| | | |
| | | .t-tabs__nav :nth-child(1) { |
| | | border-radius: 30rpx 30rpx 0 0rpx; |
| | | border-radius: 30rpx 30rpx 0 0rpx !important; |
| | | } |
| | | |
| | | .t-tabs__nav :nth-child(2) { |
| | |
| | | border-radius: 0 30rpx 0 30rpx !important; |
| | | } |
| | | |
| | | .t-tabs__item--active+.t-tabs__item+.t-tabs__item { |
| | | border-radius: 30rpx 30rpx 0rpx 0rpx !important; |
| | | } |
| | | |
| | | .refresh-container { |
| | | margin: 0 auto; |
| | | } |
| | |
| | | text-align: center; |
| | | } |
| | | |
| | | .content { |
| | | height: calc(100vh - env(safe-area-inset-bottom)); |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .t-tabs__content { |
| | | background: #fff !important; |
| | |
| | | position: relative; |
| | | } |
| | | |
| | | .class--tem { |
| | | width: calc(100%/2 - 40rpx); |
| | | margin-bottom: 30rpx; |
| | | margin: 0 20rpx; |
| | | align-self: stretch; |
| | | position: relative; |
| | | } |
| | | |
| | | .class--tem .icon { |
| | | height: 200rpx; |
| | | width: 100%; |
| | | box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.16); |
| | | } |
| | | |
| | | .content-item .icon { |
| | | height: 300rpx; |
| | | width: 210rpx; |
| | | box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.16); |
| | | } |
| | | |
| | | .content-item .icon .t-image { |
| | | .content-item .icon .img, |
| | | .class--tem .icon .img { |
| | | width: 100%; |
| | | height: 100%; |
| | | object-fit: contain; |
| | |
| | | |
| | | .empyt { |
| | | padding: 200rpx 0; |
| | | } |
| | | |
| | | .body-loading { |
| | | padding: 200rpx 0; |
| | | text-align: center; |
| | | } |