From 1efd950a5b40ef3bf37a8afd738ff574f68cea35 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 09 四月 2024 10:39:47 +0800
Subject: [PATCH] 详情页底部按钮显示调整

---
 packageBookService/pages/bookServices/detail/index.wxss |   67 +++++++++++++++++++++++++++++----
 1 files changed, 58 insertions(+), 9 deletions(-)

diff --git a/packageBookService/pages/bookServices/detail/index.wxss b/packageBookService/pages/bookServices/detail/index.wxss
index 7e253a1..21eac5e 100644
--- a/packageBookService/pages/bookServices/detail/index.wxss
+++ b/packageBookService/pages/bookServices/detail/index.wxss
@@ -2,7 +2,8 @@
 
 .page-bookService {
   width: 100vw;
-  height: 100vh;
+  height: 100%;
+  position: relative;
 }
 
 .nacigationBar {
@@ -29,6 +30,7 @@
 .book-img image {
   width: 240rpx;
   height: 340rpx;
+  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
 }
 
 .book-detail {
@@ -64,9 +66,6 @@
   font-size: 36rpx;
   color: #000000;
   margin-bottom: 30rpx;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .showTow {
@@ -221,9 +220,9 @@
 
 /* 搴曢儴 */
 .box-bottom {
-  position: fixed;
+  position: absolute;
   left: 0;
-  bottom: env(safe-area-inset-bottom);
+  bottom: 0;
   width: 100%;
   height: 110rpx;
 }
@@ -240,12 +239,21 @@
 
 .bottom-btn {
   background-color: #fff;
-  width: 25%;
+  /* width: 25%; */
   display: flex;
+  flex: 2;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   box-sizing: border-box;
+}
+
+.tryRead {
+  flex: 1 !important;
+}
+
+.try {
+  flex: 2 !important;
 }
 
 .btn-text {
@@ -257,17 +265,20 @@
   margin-bottom: 6rpx;
 }
 
-.bottom-btn:nth-child(1) {
+.bottom-btn:nth-child(1),
+.bottom-btn:nth-child(2) {
   border-right: 1px solid #DDD;
 }
 
 .shopCar,
 .buy {
+  font-size: 26rpx;
   width: 25%;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
+  flex: 2;
 }
 
 .read {
@@ -276,6 +287,7 @@
   align-items: center;
   justify-content: center;
   color: #fff;
+  background-color: #F14B3B;
 }
 
 .shopCarColor {
@@ -284,6 +296,11 @@
 
 .buyColor {
   background-color: #F14B3B;
+}
+
+.receiveColor {
+  background-color: #F14B3B;
+  width: 50% !important;
 }
 
 .disabledColor {
@@ -322,7 +339,7 @@
 .applyBox {
   width: 184rpx;
   height: 184rpx;
-  position: fixed;
+  position: absolute;
   bottom: 20%;
   right: 0;
 }
@@ -357,4 +374,36 @@
 
 .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;
+}
+
+.suggest-component .t-input__placeholder {
+  font-size: 28rpx !important;
+}
+
+.t-tabs__item-inner {
+  font-size: 24rpx;
+}
+
+.t-tabs__item-inner .t-icon {
+  margin-bottom: 6rpx;
 }
\ No newline at end of file

--
Gitblit v1.9.1