From ecabd20b3dfbd956dad14ffb6ba3dc2efcfdd7c1 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期一, 25 三月 2024 16:23:32 +0800 Subject: [PATCH] 微信支付 --- packageBookService/pages/bookServices/detail/index.wxss | 108 +++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 90 insertions(+), 18 deletions(-) diff --git a/packageBookService/pages/bookServices/detail/index.wxss b/packageBookService/pages/bookServices/detail/index.wxss index 3fbcf6f..abbb481 100644 --- a/packageBookService/pages/bookServices/detail/index.wxss +++ b/packageBookService/pages/bookServices/detail/index.wxss @@ -22,14 +22,36 @@ background-color: #F2F3F8; } +.book-img image { + width: 240rpx; + height: 340rpx; +} + .book-detail { padding: 32rpx; display: flex; border-radius: 0 0 20rpx 20rpx; } +.tmall-image { + width: 64rpx !important; +} + .detail-left { margin-right: 36rpx; +} + +.detail-right { + position: relative; +} + +.right-background { + position: absolute; + top: 80rpx; + right: -80rpx; + z-index: 0; + width: 160rpx; + height: 160rpx; } .detail-right .book-name { @@ -76,7 +98,7 @@ } .class-name { - height: 2.5em; + height: 2.8em; width: 280rpx; font-size: 28rpx; } @@ -159,16 +181,10 @@ position: relative; font-size: 28rpx; opacity: 0.6; + text-decoration: line-through; + text-decoration-color: #fff; } -.line { - position: absolute; - top: 50%; - left: -5rpx; - width: 80%; - height: 3rpx; - background-color: #fff; -} .book-web { margin-left: 30rpx; @@ -187,7 +203,8 @@ /* 鍥句功璧勬簮 */ .book-resource { - min-height: 640rpx; + /* min-height: 640rpx; */ + min-height: calc(100vh - 960rpx); margin-top: 20rpx; background-color: #fff !important; } @@ -202,7 +219,7 @@ .box-bottom { position: fixed; left: 0; - bottom: 40rpx; + bottom: env(safe-area-inset-bottom); width: 100%; height: 110rpx; } @@ -213,7 +230,7 @@ } .box-bottom image { - width: 36rpx; + width: 38rpx; height: 44rpx; } @@ -249,24 +266,35 @@ color: #fff; } -.shopCar { +.read { + width: 50%; + display: flex; + align-items: center; + justify-content: center; + color: #fff; +} + +.shopCarColor { background-color: #F1AC37; } -.buy { +.buyColor { background-color: #F14B3B; +} + +.disabledColor { + background-color: #d9d9d9; } .tab-box { min-height: 550rpx; } -.note-list { - /* margin-bottom: 80rpx; */ -} .tab-class { - --td-loading-color: #ff6c00 + --td-loading-color: #ff6c00; + --td-tab-nav-bg-color: #fff; + --td-tab-track-color: #ff6c00 } .loading { @@ -281,4 +309,48 @@ --td-button-primary-border-color: #ff6c00; --td-button-primary-active-bg-color: #ff984d; --td-button-primary-active-border-color: #ff984d; +} + +.noData { + height: 100%; +} + +.applyBox { + width: 184rpx; + height: 184rpx; + position: fixed; + bottom: 20%; + right: 0; +} + +.applyBox .box { + width: 184rpx; + height: 184rpx; + color: #fff; + position: relative; +} + +.applyBox .box .t-image { + width: 100%; + height: 100%; +} + +.num { + background-color: #FD3D16; + color: #fff; + border: 2rpx solid #FFFFFF; + font-size: 24rpx; + line-height: 30rpx; + font-weight: 400; + width: 48rpx; + height: 32rpx; + text-align: center; + border-radius: 9px; + position: absolute; + top: 30rpx; + left: 118rpx; +} + +.webView { + height: 500rpx; } \ No newline at end of file -- Gitblit v1.9.1