| | |
| | | /* pages/bookServices/detail/index.wxss */ |
| | | @import "./index.skeleton.wxss"; |
| | | |
| | | .page-bookService { |
| | | width: 100vw; |
| | |
| | | } |
| | | |
| | | .navbar-title { |
| | | widows: 100vw; |
| | | display: flex; |
| | | justify-content: center; |
| | | |
| | | color: #0F1214; |
| | | font-size: 36rpx; |
| | | } |
| | | |
| | | .navbar-title text { |
| | | max-width: 8em; |
| | | display: inline-block; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | color: #0F1214; |
| | | font-size: 40rpx; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .book { |
| | |
| | | background-color: #F2F3F8; |
| | | } |
| | | |
| | | .book-img image { |
| | | .book-img { |
| | | width: 240rpx; |
| | | height: 340rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); |
| | | } |
| | | |
| | | .book-img image { |
| | | height: 340rpx; |
| | | } |
| | | |
| | | .book-detail { |
| | |
| | | font-size: 36rpx; |
| | | color: #000000; |
| | | margin-bottom: 30rpx; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .showTow { |
| | |
| | | |
| | | .bottom-btn { |
| | | background-color: #fff; |
| | | width: 25%; |
| | | /* width: 25%; */ |
| | | display: flex; |
| | | flex: 2; |
| | | align-items: center; |
| | | justify-content: center; |
| | | flex-direction: column; |
| | |
| | | } |
| | | |
| | | .tryRead { |
| | | width: 120rpx; |
| | | flex: 1 !important; |
| | | } |
| | | |
| | | .try { |
| | | flex: 2 !important; |
| | | } |
| | | |
| | | .btn-text { |
| | |
| | | align-items: center; |
| | | justify-content: center; |
| | | color: #fff; |
| | | flex: 2; |
| | | } |
| | | |
| | | .read { |
| | |
| | | |
| | | .buyColor { |
| | | background-color: #F14B3B; |
| | | } |
| | | |
| | | .receiveColor { |
| | | background-color: #F14B3B; |
| | | width: 50% !important; |
| | | } |
| | | |
| | | .disabledColor { |
| | |
| | | |
| | | .noData { |
| | | height: 100%; |
| | | } |
| | | |
| | | .movable-area { |
| | | width: 100%; |
| | | min-height: calc(100vh - 900rpx); |
| | | height: 100%; |
| | | } |
| | | |
| | | .movable-view { |
| | | width: 184rpx; |
| | | height: 184rpx; |
| | | top: 400rpx; |
| | | left: 520rpx; |
| | | z-index: 99; |
| | | } |
| | | |
| | | .applyBox { |
| | |
| | | |
| | | .suggest-component .t-input__placeholder { |
| | | font-size: 28rpx !important; |
| | | } |
| | | |
| | | .suggest-dialog .t-input__placeholder { |
| | | font-size: 28rpx !important; |
| | | } |
| | | |
| | | .t-tabs__item-inner { |
| | | font-size: 24rpx; |
| | | } |
| | | |
| | | .t-tabs__item-inner .t-icon { |
| | | margin-bottom: 6rpx; |
| | | } |