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 | 247 ++++++++++++++++++++++++++++++++++++------------
1 files changed, 184 insertions(+), 63 deletions(-)
diff --git a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
index 268ab62..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,9 +23,6 @@
border-radius: 0 0 20rpx 20rpx;
}
-.book-img {
- border: 1rpx solid #ccc;
-}
.setCoolect {
display: flex;
@@ -33,6 +35,7 @@
.imageBox {
width: 220rpx;
height: 310rpx;
+ border: 1rpx solid #ccc;
}
.bookContent {
@@ -60,9 +63,14 @@
}
.headerText {
+ width: 430rpx;
font-weight: bold;
font-size: 36rpx;
color: #000000;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ -o-text-overflow: ellipsis;
}
.certificate {
@@ -79,39 +87,35 @@
border-radius: 0 0 20rpx 20rpx;
}
-
-
-
-
.digital {
background-color: #F2F3F8;
- padding-bottom: 20rpx;
}
+.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;
- /* 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 {
@@ -137,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;
}
@@ -167,6 +160,10 @@
font-weight: bold;
}
+.basic-content {
+ padding: 30rpx 40rpx;
+}
+
.correlationImage {
width: 180rpx;
height: 255rpx;
@@ -175,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 {
@@ -187,7 +186,6 @@
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
-
font-weight: bold;
font-size: 25rpx;
color: #333333;
@@ -196,7 +194,6 @@
.page-bookService {
width: 100vw;
height: 100%;
- /* position: relative; */
}
.box-bottom {
@@ -208,6 +205,7 @@
margin-bottom: env(safe-area-inset-bottom);
display: flex;
flex-direction: row;
+ border: 1px solid #DDD;
}
.trialReading {
@@ -220,7 +218,6 @@
align-items: center;
flex-direction: column;
border-left: 1rpx solid #DDDDDD;
-
}
.shopCarColor {
@@ -243,6 +240,10 @@
display: flex;
justify-content: center;
align-items: center;
+}
+
+.receive {
+ width: 400rpx;
}
.suggestion {
@@ -321,25 +322,6 @@
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;
@@ -359,6 +341,13 @@
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;
@@ -372,9 +361,6 @@
border: 1rpx solid #ccc;
margin-right: 50rpx;
}
-
-
-.noData {}
.collection {
width: 175rpx;
@@ -413,4 +399,139 @@
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