From d61a31af1b8a220af669c818f11b6a13c1fb8dba Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 26 三月 2024 16:15:36 +0800
Subject: [PATCH] 图书详情页布局调整
---
packageBookService/pages/bookServices/detail/index.wxss | 39 +++++++++++++++++++++++++++++----------
1 files changed, 29 insertions(+), 10 deletions(-)
diff --git a/packageBookService/pages/bookServices/detail/index.wxss b/packageBookService/pages/bookServices/detail/index.wxss
index 8b09d1f..7e253a1 100644
--- a/packageBookService/pages/bookServices/detail/index.wxss
+++ b/packageBookService/pages/bookServices/detail/index.wxss
@@ -1,5 +1,9 @@
/* pages/bookServices/detail/index.wxss */
+.page-bookService {
+ width: 100vw;
+ height: 100vh;
+}
.nacigationBar {
background-color: #fff;
@@ -18,14 +22,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 +185,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 +208,7 @@
/* 鍥句功璧勬簮 */
.book-resource {
/* min-height: 640rpx; */
- min-height: calc(100vh - 960rpx);
+ min-height: calc(100vh - 900rpx);
margin-top: 20rpx;
background-color: #fff !important;
}
@@ -257,6 +264,14 @@
.shopCar,
.buy {
width: 25%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: #fff;
+}
+
+.read {
+ width: 50%;
display: flex;
align-items: center;
justify-content: center;
@@ -338,4 +353,8 @@
position: absolute;
top: 30rpx;
left: 118rpx;
+}
+
+.webView {
+ height: 500rpx;
}
\ No newline at end of file
--
Gitblit v1.9.1