From c95ed3b99b3cb75374f2c8819740a1839ed28a0f Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期四, 13 六月 2024 10:43:26 +0800
Subject: [PATCH] 优化数字教材详情

---
 pages/digitalTextbooks/digitalTextbooksDetails/index.wxss |  213 ++++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 184 insertions(+), 29 deletions(-)

diff --git a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
index df3f1b0..268ab62 100644
--- a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
+++ b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
@@ -19,10 +19,7 @@
 }
 
 .book-img {
-  width: 240rpx;
-  min-height: 340rpx;
-  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
-  padding: 15rpx;
+  border: 1rpx solid #ccc;
 }
 
 .setCoolect {
@@ -34,9 +31,8 @@
 }
 
 .imageBox {
-  width: 210rpx;
+  width: 220rpx;
   height: 310rpx;
-  margin: 0 auto;
 }
 
 .bookContent {
@@ -71,15 +67,15 @@
 
 .certificate {
   display: flex;
-  align-items: center;
   justify-content: space-around;
+  align-items: center;
   width: 100%;
   height: 120rpx;
   border-radius: 0 0 20rpx 20rpx;
 }
 
 .book-box {
-  background: linear-gradient(to right, #FFB400, #FF6C00);
+  background: linear-gradient(to right, #FF6C00, #FFB400);
   border-radius: 0 0 20rpx 20rpx;
 }
 
@@ -92,23 +88,9 @@
   padding-bottom: 20rpx;
 }
 
-.publish {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 300rpx;
-  height: 80rpx;
-  background-color: #fff;
-}
 
-.curriculum {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 300rpx;
-  height: 80rpx;
-  background-color: #fff;
-}
+
+
 
 .t-tabs__item-inner {
   flex-direction: column;
@@ -205,9 +187,10 @@
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
-  color: #333;
+
   font-weight: bold;
-  font-size: 28rpx;
+  font-size: 25rpx;
+  color: #333333;
 }
 
 .page-bookService {
@@ -222,24 +205,26 @@
   bottom: 0;
   width: 100%;
   height: 110rpx;
-
   margin-bottom: env(safe-area-inset-bottom);
   display: flex;
   flex-direction: row;
 }
 
 .trialReading {
-  width: 50%;
+  width: 175rpx;
   height: 110rpx;
   border-right: 1px solid #DDD;
   background-color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
+  flex-direction: column;
+  border-left: 1rpx solid #DDDDDD;
+
 }
 
 .shopCarColor {
-  width: 350rpx;
+  width: 200rpx;
   height: 110rpx;
   border-right: 1px solid #DDD;
   color: #fff;
@@ -250,6 +235,164 @@
 }
 
 .buyColor {
+  width: 200rpx;
+  height: 110rpx;
+  border-right: 1px solid #DDD;
+  color: #fff;
+  background-color: #f04d3b;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.suggestion {
+  width: 35rpx;
+  height: 35rpx;
+}
+
+.proposal {
+  width: 250rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  /* border-right: 1rpx solid #fff; */
+}
+
+.frame {
+  width: 2rpx;
+  height: 72rpx;
+  background-color: #fff;
+  opacity: 0.2;
+}
+
+.information {
+  color: #FFFFFF;
+  flex: 1;
+  display: flex;
+  justify-content: space-around;
+}
+
+.proposalText {
+  font-weight: 400;
+  font-size: 25rpx;
+  color: #FFFFFF;
+  margin-left: 10rpx;
+}
+
+.informationPrice {
+  display: flex;
+  flex-direction: row;
+  margin-right: 30rpx;
+}
+
+.fixedPrice {
+  display: flex;
+  flex-direction: row;
+}
+
+
+
+.main-box {
+  width: 100vw;
+  /* min-height: 89vh; */
+  margin-top: 30rpx;
+}
+
+.top-tab {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  width: 750rpx;
+  min-height: 70rpx;
+  overflow-x: scroll;
+  border-bottom: 2rpx solid #EFF0F1;
+  padding-bottom: 30rpx;
+
+}
+
+.tabBox {
+  min-width: 130rpx;
+  display: flex;
+  justify-content: center;
+}
+
+.tab-view {
+  width: 100%;
+  height: 100%;
+}
+
+.view-color1 {
+  /* background-color: palegoldenrod; */
+}
+
+.view-color2 {
+  /* background-color: palegreen; */
+}
+
+.view-color3 {
+  /* background-color: paleturquoise; */
+}
+
+.view-color4 {
+  /* background-color: #ccc; */
+}
+
+.view-color5 {
+  /* background-color: gold; */
+}
+
+.top-label-sel {
+  font-weight: bold;
+  border-bottom: solid 5rpx #FF6C00;
+}
+
+.scrollView {
+  /* height: calc(100vh - 300rpx); */
+  height: 100vh;
+  /* min-height: 86vh; */
+}
+
+.contentBox {
+  width: 100%;
+  /* height: 660rpx; */
+  height: 100%;
+  overflow: scroll;
+}
+
+.certificateChart {
+  display: flex;
+  flex-direction: row;
+  margin-top: 30rpx;
+  margin-left: 40rpx;
+}
+
+.chart {
+  width: 230rpx;
+  height: 325rpx;
+  border: 1rpx solid #ccc;
+  margin-right: 50rpx;
+}
+
+
+.noData {}
+
+.collection {
+  width: 175rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: #fff;
+}
+
+.collectionImage {
+  width: 35rpx;
+  height: 35rpx;
+  margin-bottom: 5rpx;
+}
+
+
+.reading {
   width: 100%;
   height: 110rpx;
   border-right: 1px solid #DDD;
@@ -258,4 +401,16 @@
   display: flex;
   justify-content: center;
   align-items: center;
+}
+
+.correlationAuthor {
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  font-weight: 400;
+  font-size: 22rpx;
+  color: #333333;
+  margin: 15rpx 0;
 }
\ No newline at end of file

--
Gitblit v1.9.1