From c96612e8a63ecef9590be0f8b5199277ec94e5b9 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期三, 18 九月 2024 18:43:12 +0800
Subject: [PATCH] 云学习购买目录，修改bug
---
pages/digitalCourses/digitalCoursesDetails/index.wxss | 449 ++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 400 insertions(+), 49 deletions(-)
diff --git a/pages/digitalCourses/digitalCoursesDetails/index.wxss b/pages/digitalCourses/digitalCoursesDetails/index.wxss
index e036714..27193be 100644
--- a/pages/digitalCourses/digitalCoursesDetails/index.wxss
+++ b/pages/digitalCourses/digitalCoursesDetails/index.wxss
@@ -6,6 +6,22 @@
height: 100%;
}
+.page-bookService {
+ width: 100vw;
+ height: 100%;
+
+}
+
+.t-image-viewer {
+ --td-image-viewer-top: 0 !important;
+}
+
+.outsideContentBox {
+ position: relative;
+ background-color: #F2F3F8;
+ height: calc(100vh - env(safe-area-inset-bottom) - 60px);
+}
+
.digitalCoursesDetailsTitle {
background: #FFFFFF;
/* box-shadow: 0rpx 9rpx 18rpx 2rpx rgba(0, 0, 0, 0.08); */
@@ -52,6 +68,12 @@
color: #fff;
}
+.old-price {
+ margin-left: 30rpx;
+ font-size: 28rpx;
+ text-decoration: line-through;
+}
+
.digital {
background-color: #F2F3F8;
}
@@ -64,7 +86,6 @@
right: -50rpx;
z-index: 0;
}
-
.tabBox {
min-height: calc(100% - 800rpx);
@@ -132,6 +153,7 @@
width: 140rpx;
height: 180rpx;
border: 2rpx solid #ccc;
+ position: relative;
}
.lecturerInformation {
@@ -142,8 +164,19 @@
.lecturerName {
display: flex;
- justify-content: space-between;
- margin-bottom: 10rpx;
+ /* justify-content: space-between; */
+ margin-bottom: 20rpx;
+}
+
+.lecturerName .name {
+ color: #333;
+
+ /* width: 200rpx; */
+}
+
+
+.lecturerName .positionalTitle {
+ color: #949494;
}
.lecturerContent {
@@ -153,12 +186,60 @@
line-height: 35rpx;
}
-.outsideContentBox {
- /* height: calc(100vh - 120rpx); */
- position: relative;
- height: calc(100vh - env(safe-area-inset-bottom) - 60px);
- background-color: #F2F3F8;
+.tabsSelect {
+ width: 400rpx;
+ height: 68rpx;
+ margin: 0 auto;
+ display: flex;
+ align-items: center;
+ border: 2rpx solid #FF6C00;
+ border-radius: 10rpx;
}
+
+.tabs-item {
+ height: 68rpx;
+ line-height: 68rpx;
+ text-align: center;
+ color: #ff6c00;
+ flex: 1;
+}
+
+.selectActive {
+ color: #fff;
+ border-radius: 8rpx;
+ background-color: #FF6C00;
+}
+
+.topBox {
+ display: flex;
+ justify-content: space-between;
+ padding-bottom: 20rpx;
+ border-bottom: 2rpx solid #EFF0F1;
+}
+
+.note-btn {
+ display: flex;
+ --td-button-primary-bg-color: #fff;
+ --td-button-primary-border-color: #ff6c00;
+ --td-button-primary-color: #ff6c00;
+ --td-button-primary-active-bg-color: #fff0e6;
+}
+
+.note-btn image {
+ width: 28rpx;
+ height: 32rpx;
+ margin-right: 10rpx;
+}
+
+.note-btn-text {
+ font-size: 28rpx;
+}
+
+.btn-content {
+ display: flex;
+ align-items: center;
+}
+
.box-bottom {
position: fixed;
@@ -172,9 +253,38 @@
border: 1px solid #DDD;
}
+.btn-text {
+ font-size: 24rpx;
+ color: #010101;
+}
+
+.box-bottom image {
+ width: 38rpx;
+ height: 40rpx;
+}
+
+.collectionImage image {
+ width: 38rpx;
+ height: 38rpx;
+}
+
+.bottom-btn {
+ background-color: #fff;
+ width: 25%;
+ display: flex;
+ flex: 1;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ box-sizing: border-box;
+}
+
+.bottom-btn:nth-child(1),
+.bottom-btn:nth-child(2) {
+ border-right: 1px solid #DDD;
+}
+
.shopCarColor {
- width: 200rpx;
- height: 110rpx;
border-right: 1px solid #DDD;
color: #fff;
background-color: #f0ad36;
@@ -184,8 +294,6 @@
}
.buyColor {
- width: 200rpx;
- height: 110rpx;
border-right: 1px solid #DDD;
color: #fff;
background-color: #f04d3b;
@@ -194,25 +302,6 @@
align-items: center;
}
-.application {
- width: 351rpx;
- /* height: 100rpx; */
- background: #FFF;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- border-top: 2rpx solid #eee;
- font-weight: 400;
- font-size: 22rpx;
- color: #010101;
-}
-
-.applicationImageBox {
- width: 35rpx;
- height: 35rpx;
- margin-bottom: 5rpx;
-}
.certificateChart {
@@ -227,17 +316,6 @@
height: 325rpx;
border: 1rpx solid #ccc;
margin-right: 50rpx;
-}
-
-.custom-panel {
- /* min-height: 400px; */
-}
-
-
-
-
-.wrapper {
- margin-bottom: 32rpx;
}
.placeholder {
@@ -327,16 +405,289 @@
color: white;
}
-.input {
- --td-input-border-radius: 20rpx;
- border-radius: 20rpx;
- border: 2rpx solid #ccc;
-}
-
.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, 22rpx) !important;
+ padding: var(--td-input-vertical-padding, 10rpx) !important;
+}
+
+.t-input__content,
+.t-textarea {
+ border: 2rpx solid #D9D9D9 !important;
+ border-radius: 15rpx;
+ padding: 10rpx !important;
+}
+
+.t-input__tips,
+.from-item .label .icon {
+ color: #f56c6c !important;
+ margin-right: 5rpx;
+}
+
+.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;
+}
+
+
+#pubCertificate {
+ width: 595px;
+ height: 845px;
+ position: relative;
+ background-image: url('https://jsek.bnuic.com/home/certificate/szkc.jpg');
+}
+
+#pubCertificate .bgImg {
+ width: 100%;
+ height: 100%;
+}
+
+.certificateInfo {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+#pubCertificate .bookName {
+ padding-top: 260px;
+ text-align: center;
+ font-size: 30px;
+ color: #000;
+ font-family: 'FZXBSJW';
+}
+
+#pubCertificate .author {
+ margin-top: 30px;
+ font-size: 24px;
+ margin-left: 250px;
+ color: #000;
+ margin-bottom: 50px;
+ font-family: 'FZXBSJW';
+}
+
+#pubCertificate .affiliatedUnit {
+ margin-top: 13px;
+ margin-left: 46%;
+ color: #000;
+ font-family: 'SimHei', sans-serif;
+}
+
+#pubCertificate .website {
+ margin-top: 62px;
+ margin-left: 27%;
+ color: #000;
+ font-family: 'SimHei', sans-serif;
+}
+
+#pubCertificate .codeBox {
+ margin-top: 24px;
+ text-align: center;
+}
+
+#textCertificate {
+ width: 595px;
+ height: 845px;
+ position: relative;
+ /* background-image: url('https://jsek.bnuic.com/home/certificate/kczs.jpg'); */
+}
+
+#textCertificate .userIcon {
+ padding-top: 233px;
+}
+
+#textCertificate .hexagon {
+ width: 103px;
+ height: 117px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
+ margin: 0 auto;
+ overflow: hidden;
+
+
+}
+
+#textCertificate .img {
+ width: 103px;
+ height: 117px;
+}
+
+#textCertificate .userName {
+ height: 74rpx;
+ font-size: 70rpx;
+ padding-top: 26px;
+ text-align: center;
+ font-family: 'FZXBSJW';
+}
+
+#textCertificate .bookName {
+ padding-top: 30px;
+ margin-left: 460rpx;
+
+ font-size: 20px;
+ color: #000;
+ font-family: 'FZXBSJW';
+}
+
+#textCertificate .author {
+ margin-top: 84rpx;
+ margin-left: 52%;
+ color: #000;
+ font-family: 'SimHei', sans-serif;
+}
+
+#textCertificate .classHours {
+ margin-top: 20rpx;
+ margin-left: 52%;
+ color: #000;
+ font-family: 'SimHei', sans-serif;
+}
+
+#textCertificate .affiliatedUnit {
+ margin-top: 24rpx;
+ margin-left: 40%;
+ color: #000;
+ font-family: 'SimHei', sans-serif;
+}
+
+#textCertificate .studyTime {
+ margin-top: 24rpx;
+ margin-left: 33%;
+ color: #000;
+ font-family: 'SimHei', sans-serif;
+}
+
+#textCertificate .website {
+ margin-top: 40rpx;
+ margin-left: 27%;
+ color: #000;
+ font-family: 'SimHei', sans-serif;
+}
+
+#textCertificate .codeBox {
+ margin-top: 16px;
+ text-align: center;
+}
+
+#textCertificate .updateDate {
+ margin-top: 30px;
+ text-align: center;
+ font-size: 12px;
+ color: #000;
+}
+
+
+
+.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: 300rpx;
+ height: 180rpx;
+ /* background: #D9D9D9; */
+ border: 2rpx solid #ddd;
+}
+
+.correlation {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ margin: 30rpx 50rpx;
+ margin-bottom: 160rpx;
+}
+
+.correlationName {
+ width: 300rpx;
+ 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;
+}
+
+.textBook {
+ background-color: #fff6f0;
+ display: flex;
+ justify-content: space-between;
+ padding: 20rpx;
+ margin-top: 30rpx;
+
+}
+
+.testBtnBox {
+ display: flex;
+ justify-content: space-between;
+ padding: 20rpx 32rpx;
+ margin-top: 30rpx;
+ border-top: 2rpx solid #ededed;
+ border-bottom: 2rpx solid #ededed;
+}
+
+.textTile {
+ display: flex;
+ align-items: center;
+}
+
+.leftImg {
+ width: 56rpx;
+ height: 56rpx;
+ margin-right: 28rpx;
+}
+
+.reabtn {
+ color: #FF6C00;
+}
+
+.reabtn {
+ display: flex;
+ align-items: center;
+}
+
+.readImage {
+ width: 32rpx;
+ height: 30rpx;
+ margin-right: 8rpx;
+
}
\ No newline at end of file
--
Gitblit v1.9.1