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 | 404 ++++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 340 insertions(+), 64 deletions(-)
diff --git a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
index dd8edb7..f2c2bc4 100644
--- a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
+++ b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
@@ -7,6 +7,11 @@
height: 100%;
}
+.book {
+ position: relative;
+ height: calc(100vh - env(safe-area-inset-bottom) - 60px);
+ background-color: #F2F3F8;
+}
@@ -18,12 +23,6 @@
border-radius: 0 0 20rpx 20rpx;
}
-.book-img {
- width: 240rpx;
- min-height: 340rpx;
- box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
- padding: 15rpx;
-}
.setCoolect {
display: flex;
@@ -34,9 +33,9 @@
}
.imageBox {
- width: 210rpx;
+ width: 220rpx;
height: 310rpx;
- margin: 0 auto;
+ border: 1rpx solid #ccc;
}
.bookContent {
@@ -64,72 +63,59 @@
}
.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;
}
-
-
-
-
.digital {
background-color: #F2F3F8;
- padding-bottom: 20rpx;
}
-.publish {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 300rpx;
- height: 80rpx;
- background-color: #fff;
+.custom-tabs {
+ --td-tab-item-active-color: #FF6C00;
+ --td-tab-font-size: 28rpx;
}
-.curriculum {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 300rpx;
- height: 80rpx;
- background-color: #fff;
+.tab-class {
+ --td-loading-color: #ff6c00;
+ --td-tab-nav-bg-color: #fff;
+ --td-tab-track-color: #ff6c00
}
.t-tabs__item-inner {
flex-direction: column;
- color: #ff6c00;
}
-.t-tabs__item--active {
- color: #FF6C00 !important;
+.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__track {
- background-color: #FF6C00 !important;
- bottom: -20rpx !important;
-}
-
-.t-tabs__scroll--split {
- height: 120rpx !important;
-}
-
-.t-tabs__item-inner .t-icon {
- margin-bottom: 10rpx;
+.t-tabs__item--evenly {
+ flex: 1 0 auto !important;
}
.t-tabs__item-inner .t-icon {
@@ -155,21 +141,10 @@
overflow-x: auto;
}
-.t-tabs__item--evenly {
- flex: 1 0 auto !important;
-}
-
-.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);
-}
-
.rubricBox {
display: flex;
flex-direction: row;
- margin: 50rpx;
+ margin: 40rpx;
margin-bottom: 0;
}
@@ -185,6 +160,10 @@
font-weight: bold;
}
+.basic-content {
+ padding: 30rpx 40rpx;
+}
+
.correlationImage {
width: 180rpx;
height: 255rpx;
@@ -193,8 +172,10 @@
.correlation {
display: flex;
flex-direction: row;
- justify-content: space-around;
- margin: 30rpx;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ margin: 30rpx 50rpx;
+ margin-bottom: 160rpx;
}
.correlationName {
@@ -205,15 +186,14 @@
-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 {
width: 100vw;
height: 100%;
- /* position: relative; */
}
.box-bottom {
@@ -222,24 +202,26 @@
bottom: 0;
width: 100%;
height: 110rpx;
-
margin-bottom: env(safe-area-inset-bottom);
display: flex;
flex-direction: row;
+ border: 1px solid #DDD;
}
.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 +232,7 @@
}
.buyColor {
- width: 50%;
+ width: 200rpx;
height: 110rpx;
border-right: 1px solid #DDD;
color: #fff;
@@ -258,4 +240,298 @@
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