From e060ad2b2da9884e00b36796548eacc6a2b9a5d3 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 29 三月 2024 09:44:30 +0800
Subject: [PATCH] 图书详情，列表页bug修改

---
 packageBookService/pages/bookServices/detail/index.wxss |  112 +++++++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 98 insertions(+), 14 deletions(-)

diff --git a/packageBookService/pages/bookServices/detail/index.wxss b/packageBookService/pages/bookServices/detail/index.wxss
index b7ae2c6..d9e7d14 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;
@@ -200,7 +208,8 @@
 
 /* 鍥句功璧勬簮 */
 .book-resource {
-  min-height: 640rpx;
+  /* min-height: 640rpx; */
+  min-height: calc(100vh - 900rpx);
   margin-top: 20rpx;
   background-color: #fff !important;
 }
@@ -213,9 +222,9 @@
 
 /* 搴曢儴 */
 .box-bottom {
-  position: fixed;
+  position: absolute;
   left: 0;
-  bottom: 40rpx;
+  bottom: 0;
   width: 100%;
   height: 110rpx;
 }
@@ -226,7 +235,7 @@
 }
 
 .box-bottom image {
-  width: 36rpx;
+  width: 38rpx;
   height: 44rpx;
 }
 
@@ -255,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;
@@ -280,7 +298,9 @@
 
 
 .tab-class {
-  --td-loading-color: #ff6c00
+  --td-loading-color: #ff6c00;
+  --td-tab-nav-bg-color: #fff;
+  --td-tab-track-color: #ff6c00
 }
 
 .loading {
@@ -295,4 +315,68 @@
   --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: absolute;
+  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;
+}
+
+.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);
+}
+
+.loading {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
 }
\ No newline at end of file

--
Gitblit v1.9.1