| | |
| | | @import "./index.skeleton.wxss"; |
| | | |
| | | .container { |
| | | width: 100vw; |
| | | height: 100vh; |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | --td-search-font-size: 28rpx; |
| | | margin-bottom: 30rpx; |
| | | margin-bottom: 16rpx; |
| | | } |
| | | |
| | | .list-header { |
| | |
| | | } |
| | | |
| | | .header-scroll { |
| | | width: 80vw; |
| | | width: 100vw; |
| | | overflow-x: auto; |
| | | } |
| | | |
| | | .srcolbox { |
| | | width: 100%; |
| | | width: 900rpx; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | |
| | | /* height: 86rpx !important; */ |
| | | background: #F6F6F6 !important; |
| | | /* border-radius: 40rpx 40rpx 0 0; */ |
| | | } |
| | | |
| | | .t-button--primary::after { |
| | | border: none !important; |
| | | } |
| | | |
| | | .t-radio__title { |
| | |
| | | |
| | | .book-box { |
| | | box-sizing: border-box; |
| | | width: calc(100%/2 - 10rpx); |
| | | width: calc(100%/2 - 12rpx); |
| | | margin-right: 20rpx; |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | margin-bottom: 40rpx; |
| | | padding: 50rpx 16rpx 32rpx 16rpx; |
| | | padding: 50rpx 16rpx 8rpx 16rpx; |
| | | box-shadow: 0rpx 0rpx 18rpx 2rpx rgba(0, 0, 0, 0.08); |
| | | background: #fff; |
| | | } |
| | |
| | | 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 { |
| | |
| | | .book-author { |
| | | height: 30rpx; |
| | | margin-top: 16rpx; |
| | | margin-bottom: 14rpx; |
| | | width: 100%; |
| | | font-size: 24rpx; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | |
| | | } |
| | | |
| | | .checkbox { |
| | |
| | | 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 { |
| | |
| | | position: absolute; |
| | | top: 30rpx; |
| | | left: 118rpx; |
| | | } |
| | | |
| | | |
| | | .t-icon-search { |
| | | font-size: 38rpx; |
| | | } |
| | | |
| | | .t-search__input-box { |
| | | height: 70rpx !important; |
| | | } |