From afa97d5f4e0ed176a556d9fe04d4655e005e6991 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期四, 13 六月 2024 18:39:40 +0800
Subject: [PATCH] 数字课程

---
 pages/digitalTextbooks/digitalTextbooksDetails/index.wxss |  238 +++++++++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 207 insertions(+), 31 deletions(-)

diff --git a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
index dd8edb7..4c65eb0 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 {
@@ -64,22 +60,27 @@
 }
 
 .headerText {
+  width: 430rpx;
   font-weight: bold;
   font-size: 36rpx;
   color: #000000;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
 }
 
 .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,27 +93,13 @@
   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;
-  color: #ff6c00;
+  /* color: #ff6c00; */
 }
 
 .t-tabs__item--active {
@@ -205,9 +192,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 +210,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,7 +240,7 @@
 }
 
 .buyColor {
-  width: 50%;
+  width: 200rpx;
   height: 110rpx;
   border-right: 1px solid #DDD;
   color: #fff;
@@ -258,4 +248,190 @@
   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;
+  color: #fff;
+  background-color: #f04d3b;
+  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;
+}
+
+.noDataBox {
+  width: 100%;
+  margin-top: 50rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.authorBox {
+  width: 200rpx;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
 }
\ No newline at end of file

--
Gitblit v1.9.1