From a86f495256ae7a0c2f2ca8427ffc4adfe08a948e Mon Sep 17 00:00:00 2001
From: litian <C21AF165>
Date: 星期六, 07 九月 2024 15:45:57 +0800
Subject: [PATCH] bug

---
 pages/digitalTextbooks/digitalTextbooksDetails/index.wxss |  538 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 537 insertions(+), 1 deletions(-)

diff --git a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
index 57c9936..f2c2bc4 100644
--- a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
+++ b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
@@ -1 +1,537 @@
-/* pages/digitalTextbooks/digitalTextbooksDetails/index.wxss */
\ No newline at end of file
+/* pages/digitalTextbooks/digitalTextbooksDetails/index.wxss */
+
+@import "./index.skeleton.wxss";
+
+image {
+  width: 100%;
+  height: 100%;
+}
+
+.book {
+  position: relative;
+  height: calc(100vh - env(safe-area-inset-bottom) - 60px);
+  background-color: #F2F3F8;
+}
+
+
+
+.textbookDetails {
+  display: flex;
+  flex-direction: row;
+  padding: 30rpx;
+  background-color: #fff;
+  border-radius: 0 0 20rpx 20rpx;
+}
+
+
+.setCoolect {
+  display: flex;
+  justify-content: flex-end;
+  width: 100%;
+  height: 50rpx;
+  margin: 10rpx 0;
+}
+
+.imageBox {
+  width: 220rpx;
+  height: 310rpx;
+  border: 1rpx solid #ccc;
+}
+
+.bookContent {
+  margin-left: 30rpx;
+}
+
+.right-background {
+  width: 160rpx;
+  height: 160rpx;
+  position: absolute;
+  top: 150rpx;
+  right: -50rpx;
+  z-index: 0;
+}
+
+.content {
+  margin-top: 30rpx;
+}
+
+.styleCssBox {
+  display: flex;
+  flex-direction: row;
+  margin: 20rpx 0;
+  font-size: 28rpx;
+}
+
+.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;
+  justify-content: space-around;
+  align-items: center;
+  width: 100%;
+  height: 120rpx;
+  border-radius: 0 0 20rpx 20rpx;
+}
+
+.book-box {
+  background: linear-gradient(to right, #FF6C00, #FFB400);
+  border-radius: 0 0 20rpx 20rpx;
+}
+
+.digital {
+  background-color: #F2F3F8;
+}
+
+.custom-tabs {
+  --td-tab-item-active-color: #FF6C00;
+  --td-tab-font-size: 28rpx;
+}
+
+.tab-class {
+  --td-loading-color: #ff6c00;
+  --td-tab-nav-bg-color: #fff;
+  --td-tab-track-color: #ff6c00
+}
+
+.t-tabs__item-inner {
+  flex-direction: column;
+}
+
+.t-tabs .t-tabs__item--active {
+  background-repeat: no-repeat;
+  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;
+}
+
+.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;
+}
+
+.rubricBox {
+  display: flex;
+  flex-direction: row;
+  margin: 40rpx;
+  margin-bottom: 0;
+}
+
+.rubricimgBox {
+  width: 40rpx;
+  height: 45rpx;
+}
+
+.basic {
+  margin-left: 18rpx;
+  font-size: 32rpx;
+  color: #333;
+  font-weight: bold;
+}
+
+.basic-content {
+  padding: 30rpx 40rpx;
+}
+
+.correlationImage {
+  width: 180rpx;
+  height: 255rpx;
+}
+
+.correlation {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  margin: 30rpx 50rpx;
+  margin-bottom: 160rpx;
+}
+
+.correlationName {
+  width: 150rpx;
+  margin-top: 20rpx;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  font-weight: bold;
+  font-size: 25rpx;
+  color: #333333;
+}
+
+.page-bookService {
+  width: 100vw;
+  height: 100%;
+}
+
+.box-bottom {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 110rpx;
+  margin-bottom: env(safe-area-inset-bottom);
+  display: flex;
+  flex-direction: row;
+  border: 1px solid #DDD;
+}
+
+.trialReading {
+  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: 200rpx;
+  height: 110rpx;
+  border-right: 1px solid #DDD;
+  color: #fff;
+  background-color: #f0ad36;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.buyColor {
+  width: 200rpx;
+  height: 110rpx;
+  border-right: 1px solid #DDD;
+  color: #fff;
+  background-color: #f04d3b;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.receive {
+  width: 400rpx;
+}
+
+.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%;
+}
+
+
+.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;
+}
+
+.book-resource {
+  min-height: calc(100% - 515rpx);
+  margin-top: 20rpx;
+  background-color: #fff !important;
+  --td-tab-item-height: 140rpx;
+}
+
+.certificateChart {
+  display: flex;
+  flex-direction: row;
+  margin-top: 30rpx;
+  margin-left: 40rpx;
+}
+
+.chart {
+  width: 230rpx;
+  height: 325rpx;
+  border: 1rpx solid #ccc;
+  margin-right: 50rpx;
+}
+
+.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;
+}
+
+.placeholder {
+  color: var(--td-text-color-placeholder);
+  line-height: 96rpx;
+  height: 96rpx !important;
+  display: flex;
+  align-items: center;
+}
+
+.dialog-input {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  text-align: left;
+  margin-top: 32rpx;
+  border-radius: 8rpx;
+  background-color: var(--td-bg-color-page);
+  box-sizing: border-box;
+}
+
+/* 钂欏眰 */
+.popup-box {
+  position: absolute;
+  z-index: 99;
+  top: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  width: 100%;
+  height: 100vh;
+}
+
+.info-center {
+  position: fixed;
+  top: 32%;
+  z-index: 999;
+  background-color: white;
+  align-items: center;
+  justify-content: center;
+  border-radius: 10rpx;
+  width: 80%;
+  margin-left: 10%;
+  margin-right: 10%;
+}
+
+.row-info .body {
+  min-height: 300rpx;
+}
+
+.dialog-title {
+  padding: 20rpx 0;
+  text-align: center;
+  font-weight: bold;
+  font-size: 29rpx;
+  color: #333333;
+}
+
+.input-box {
+  padding: 0 20rpx;
+  width: 92%;
+  margin-bottom: 16rpx;
+  margin-top: 60rpx;
+}
+
+.t-input__content,
+.t-textarea {
+  border: 2rpx solid #D9D9D9 !important;
+  border-radius: 15rpx;
+  padding: 10rpx !important;
+}
+
+.row-btn {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border-top: 1rpx solid #f1f1f1;
+}
+
+.row-btn view {
+  flex: 1;
+  text-align: center;
+  margin: 20rpx 10%;
+  padding: 12rpx 0;
+  font-size: 32rpx;
+  border-radius: 10rpx;
+}
+
+.left-btn {
+  background-color: #f1f1f1;
+  color: #5C5C5C;
+}
+
+.right-btn {
+  background-color: #ff6c00;
+  color: white;
+}
+
+.t-input {
+  background-color: var(--td-input-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
+  display: flex;
+  align-items: center;
+  flex: 1;
+  padding: var(--td-input-vertical-padding, 10rpx) !important;
+}
+
+.t-input__placeholder,
+.t-textarea__placeholder {
+  font-size: 28rpx !important;
+}
+
+.contentImg {
+  width: 189rpx;
+  height: 264rpx;
+  border: 2rpx solid #949494;
+  margin: 0 auto;
+}
+
+.buttonBox {
+  margin: 10rpx;
+  text-align: center;
+}
\ No newline at end of file

--
Gitblit v1.9.1