From a6e9a6511aa289ea16da6623d63bef133906c2e1 Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期四, 28 三月 2024 14:20:44 +0800 Subject: [PATCH] geren --- packageBookService/pages/bookServices/detail/index.wxss | 60 +++++++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 47 insertions(+), 13 deletions(-) diff --git a/packageBookService/pages/bookServices/detail/index.wxss b/packageBookService/pages/bookServices/detail/index.wxss index 8b09d1f..8a67355 100644 --- a/packageBookService/pages/bookServices/detail/index.wxss +++ b/packageBookService/pages/bookServices/detail/index.wxss @@ -1,5 +1,10 @@ /* pages/bookServices/detail/index.wxss */ +.page-bookService { + width: 100vw; + height: 100%; + position: relative; +} .nacigationBar { background-color: #fff; @@ -18,14 +23,23 @@ .book { position: relative; - height: 81vh; + height: calc(100vh - env(safe-area-inset-bottom) - 141px); 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 { @@ -172,16 +186,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; @@ -201,7 +209,7 @@ /* 鍥句功璧勬簮 */ .book-resource { /* min-height: 640rpx; */ - min-height: calc(100vh - 960rpx); + min-height: calc(100vh - 900rpx); margin-top: 20rpx; background-color: #fff !important; } @@ -214,9 +222,9 @@ /* 搴曢儴 */ .box-bottom { - position: fixed; + position: absolute; left: 0; - bottom: env(safe-area-inset-bottom); + bottom: 0; width: 100%; height: 110rpx; } @@ -256,7 +264,16 @@ .shopCar, .buy { + font-size: 26rpx; width: 25%; + display: flex; + align-items: center; + justify-content: center; + color: #fff; +} + +.read { + width: 50%; display: flex; align-items: center; justify-content: center; @@ -307,7 +324,7 @@ .applyBox { width: 184rpx; height: 184rpx; - position: fixed; + position: absolute; bottom: 20%; right: 0; } @@ -338,4 +355,21 @@ position: absolute; top: 30rpx; left: 118rpx; +} + +.webView { + height: 500rpx; +} + +.t-tabs__item-inner { + flex-direction: column; +} + +.t-tabs .t-tabs__item--active { + /* color: #ff6d00; + font-size: 30rpx; */ + background-repeat: no-repeat; + background-size: 40% 64%; + background-position: right; + background-image: url(http://jsysf.bnuic.com/website/image/click-icon.png); } \ No newline at end of file -- Gitblit v1.9.1