From ccda9ec2fe70d8f51ef184eafc04b78d22dfbabd Mon Sep 17 00:00:00 2001
From: litian <C21AF165>
Date: 星期三, 26 六月 2024 15:02:28 +0800
Subject: [PATCH] 小程序，教材，课程

---
 packageBookService/pages/bookServices/detail/index.wxss |  116 +++++++++++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 94 insertions(+), 22 deletions(-)

diff --git a/packageBookService/pages/bookServices/detail/index.wxss b/packageBookService/pages/bookServices/detail/index.wxss
index 6242e6f..41d633d 100644
--- a/packageBookService/pages/bookServices/detail/index.wxss
+++ b/packageBookService/pages/bookServices/detail/index.wxss
@@ -1,4 +1,5 @@
 /* pages/bookServices/detail/index.wxss */
+@import "./index.skeleton.wxss";
 
 .page-bookService {
   width: 100vw;
@@ -13,24 +14,40 @@
 }
 
 .navbar-title {
+  /* widows: 100vw; */
+  display: flex;
+  justify-content: center;
+
+  color: #0F1214;
+  font-size: 36rpx;
+  z-index: -99;
+}
+
+.navbar-title text {
+  max-width: 8em;
+  display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  color: #0F1214;
-  font-size: 40rpx;
-  font-weight: bold;
 }
 
 .book {
   position: relative;
-  height: calc(100vh - env(safe-area-inset-bottom) - 141px);
+  height: calc(100vh - env(safe-area-inset-bottom) - 60px);
+  /* height: calc(100vh - env(safe-area-inset-bottom) - 141px); */
   background-color: #F2F3F8;
 }
 
-.book-img image {
+.book-img {
   width: 240rpx;
   height: 340rpx;
+  display: flex;
+  align-items: center;
   box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
+}
+
+.book-img image {
+  height: 340rpx;
 }
 
 .book-detail {
@@ -66,9 +83,6 @@
   font-size: 36rpx;
   color: #000000;
   margin-bottom: 30rpx;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .showTow {
@@ -148,7 +162,7 @@
   display: flex;
   align-items: center;
   width: 100%;
-  height: 150rpx;
+  height: 120rpx;
   border-radius: 0 0 20rpx 20rpx;
 }
 
@@ -174,12 +188,12 @@
 
 .price {
   margin-left: 12rpx;
-  font-size: 34rpx;
+  font-size: 32rpx;
   color: #fff;
 }
 
 .price-text {
-  font-size: 34rpx;
+  font-size: 32rpx;
 }
 
 .price-old {
@@ -209,12 +223,11 @@
 
 /* 鍥句功璧勬簮 */
 .book-resource {
-  /* min-height: 640rpx; */
-  min-height: calc(100vh - 900rpx);
+  min-height: calc(100% - 637rpx);
   margin-top: 20rpx;
   background-color: #fff !important;
+  --td-tab-item-height: 140rpx;
 }
-
 
 .custom-tabs {
   --td-tab-item-active-color: #FF6C00;
@@ -242,8 +255,9 @@
 
 .bottom-btn {
   background-color: #fff;
-  width: 25%;
+  /* width: 25%; */
   display: flex;
+  flex: 2;
   align-items: center;
   justify-content: center;
   flex-direction: column;
@@ -251,7 +265,11 @@
 }
 
 .tryRead {
-  width: 120rpx;
+  flex: 1 !important;
+}
+
+.try {
+  flex: 2 !important;
 }
 
 .btn-text {
@@ -276,6 +294,7 @@
   align-items: center;
   justify-content: center;
   color: #fff;
+  flex: 2;
 }
 
 .read {
@@ -293,6 +312,11 @@
 
 .buyColor {
   background-color: #F14B3B;
+}
+
+.receiveColor {
+  background-color: #F14B3B;
+  width: 50% !important;
 }
 
 .disabledColor {
@@ -326,6 +350,19 @@
 
 .noData {
   height: 100%;
+}
+
+.movable-area {
+  width: 100%;
+  height: 100%;
+}
+
+.movable-view {
+  width: 184rpx;
+  height: 184rpx;
+  top: 860rpx;
+  left: 520rpx;
+  z-index: 99;
 }
 
 .applyBox {
@@ -373,12 +410,15 @@
 }
 
 .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);
+  background-size: 35%;
+  background-position: 50% 40%;
+  background-image: url(https://jsek.bnuic.com/home/image/click-icon.png);
+
+}
+
+.t-tabs__item--evenly {
+  flex: 1 0 auto !important;
 }
 
 .loading {
@@ -390,4 +430,36 @@
 
 .suggest-component .t-input__placeholder {
   font-size: 28rpx !important;
-}
\ No newline at end of file
+}
+
+.suggest-dialog .t-input__placeholder {
+  font-size: 28rpx !important;
+}
+
+
+.t-tabs__item-inner .t-icon {
+  margin-bottom: 20rpx;
+}
+
+.t-tabs__item-inner .t-icon__image {
+  width: 36rpx !important;
+  height: 44rpx !important;
+}
+
+.t-tabs__nav .t-tabs__item:nth-child(3) .t-tabs__item-inner .t-icon__image {
+  width: 44rpx !important;
+  height: 40rpx !important;
+}
+
+.t-tabs__nav .t-tabs__item {
+  width: 160rpx !important;
+  padding: 0 !important;
+}
+
+.t-tabs__scroll {
+  overflow-x: auto;
+}
+
+/* .t-collapse-panel__content {
+  padding: 0rpx !important;
+} */
\ No newline at end of file

--
Gitblit v1.9.1