| | |
| | | @import "./index.skeleton.wxss"; |
| | | |
| | | .container { |
| | | width: 100vw; |
| | | height: 100vh; |
| | |
| | | |
| | | .header-scroll { |
| | | width: 100vw; |
| | | overflow-x: auto; |
| | | } |
| | | |
| | | .srcolbox { |
| | | width: 100%; |
| | | width: 900rpx; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | |
| | | |
| | | .book-box { |
| | | box-sizing: border-box; |
| | | width: calc(100%/2 - 10rpx); |
| | | width: calc(100%/2 - 12rpx); |
| | | margin-right: 20rpx; |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | color: #333; |
| | | } |
| | | |
| | | .book-img image { |
| | | object-fit: contain; |
| | | .book-img { |
| | | width: 210rpx; |
| | | height: 290rpx; |
| | | box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.08); |
| | | } |
| | | |
| | | .book-img image { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .book-name { |
| | |
| | | margin-left: 10rpx; |
| | | } |
| | | |
| | | .movable-area { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | .movable-view { |
| | | width: 184rpx; |
| | | height: 184rpx; |
| | | top: 800rpx; |
| | | left: 520rpx; |
| | | } |
| | | |
| | | .applyBox { |
| | | width: 184rpx; |
| | | height: 184rpx; |
| | | position: fixed; |
| | | bottom: 20%; |
| | | right: 0; |
| | | |
| | | } |
| | | |
| | | .applyBox .box { |
| | |
| | | .applyBox .box .t-image { |
| | | width: 100%; |
| | | height: 100%; |
| | | |
| | | } |
| | | |
| | | .num { |