| | |
| | | } |
| | | |
| | | .page-container { |
| | | padding: 120rpx 0 20rpx 0; |
| | | padding-top: 120rpx; |
| | | padding-bottom: constant(safe-area-inset-bottom); |
| | | width: 100%; |
| | | height: 90%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .side-bar-wrapper { |
| | |
| | | .myScroll { |
| | | /* 盒子的样式 */ |
| | | width: 100%; |
| | | height: 98rpx; |
| | | height: 108rpx; |
| | | white-space: nowrap; |
| | | overflow-x: auto; |
| | | } |
| | | |
| | | .myScroll .row { |
| | |
| | | |
| | | .myScroll .row:last-child { |
| | | /* 选择最后一个子件 清零边距 */ |
| | | margin-right: 0; |
| | | margin-right: 240rpx; |
| | | } |
| | | |
| | | .class-list { |
| | |
| | | .class-box { |
| | | background-color: #fff; |
| | | margin-bottom: 20rpx; |
| | | padding: 10rpx 12rpx; |
| | | padding: 10rpx 0rpx; |
| | | border-radius: 12rpx; |
| | | box-shadow: 0rpx 0rpx 18rpx 2rpx rgba(0, 0, 0, 0.08); |
| | | } |
| | | |
| | | |
| | |
| | | .class-content { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | /* padding: 5rpx 20rpx 30rpx 30rpx; */ |
| | | padding: 30rpx; |
| | | padding: 30rpx 0; |
| | | } |
| | | |
| | | .book-box { |
| | |
| | | |
| | | .assort-img { |
| | | display: flex; |
| | | align-items: center; |
| | | width: 152rpx; |
| | | height: 186rpx; |
| | | box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); |