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 |  694 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 693 insertions(+), 1 deletions(-)

diff --git a/pages/digitalCourses/digitalCoursesDetails/index.wxss b/pages/digitalCourses/digitalCoursesDetails/index.wxss
index 5af9dd4..27193be 100644
--- a/pages/digitalCourses/digitalCoursesDetails/index.wxss
+++ b/pages/digitalCourses/digitalCoursesDetails/index.wxss
@@ -1 +1,693 @@
-/* pages/digitalCourses/digitalCoursesDetails/index.wxss */
\ No newline at end of file
+/* pages/digitalCourses/digitalCoursesDetails/index.wxss */
+@import "./index.skeleton.wxss";
+
+image {
+  width: 100%;
+  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); */
+  border-radius: 0 0 20rpx 20rpx;
+  padding: 30rpx;
+  position: relative;
+}
+
+.imageBox {
+  /* width: 100%; */
+  height: 400rpx;
+  border-radius: 20rpx;
+  overflow: hidden;
+}
+
+.nameBox {
+  font-weight: 800;
+  font-size: 33rpx;
+  color: #000000;
+  margin: 30rpx 0;
+}
+
+
+.styleCssBox {
+  display: flex;
+  font-weight: 400;
+  font-size: 25rpx;
+  color: #333333;
+  margin: 30rpx 0;
+}
+
+.book-box {
+  background: linear-gradient(to right, #FF6C00, #FFB400);
+  border-radius: 0 0 20rpx 20rpx;
+}
+
+.certificate {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: 120rpx;
+  border-radius: 0 0 20rpx 20rpx;
+  color: #fff;
+}
+
+.old-price {
+  margin-left: 30rpx;
+  font-size: 28rpx;
+  text-decoration: line-through;
+}
+
+.digital {
+  background-color: #F2F3F8;
+}
+
+.right-background {
+  width: 160rpx;
+  height: 160rpx;
+  position: absolute;
+  top: 480rpx;
+  right: -50rpx;
+  z-index: 0;
+}
+
+.tabBox {
+  min-height: calc(100% - 800rpx);
+  margin-top: 20rpx;
+  background-color: #fff;
+  --td-tab-item-height: 140rpx;
+}
+
+.t-tabs__item--active {
+  color: #FF6C00 !important;
+  background-repeat: no-repeat;
+  background-size: 30%;
+  background-position: 50% 40%;
+  background-image: url(https://jsek.bnuic.com/home/image/click-icon.png);
+}
+
+.t-tabs__track {
+  background-color: #FF6C00 !important;
+}
+
+.t-tabs__item-inner {
+  flex-direction: column;
+}
+
+.t-tabs__item-inner .t-icon {
+  margin-bottom: 20rpx;
+}
+
+.t-tabs__item-inner .t-icon__image {
+  width: 36rpx !important;
+  height: 44rpx !important;
+}
+
+.rubricBox {
+  display: flex;
+  flex-direction: row;
+  margin: 50rpx;
+  margin-bottom: 0;
+  margin-left: 30rpx;
+}
+
+.rubricimgBox {
+  width: 40rpx;
+  height: 45rpx;
+}
+
+.basic {
+  margin-left: 18rpx;
+  font-size: 32rpx;
+  color: #333;
+  font-weight: bold;
+}
+
+.course-content {
+  padding: 30rpx;
+}
+
+.lecturer {
+  display: flex;
+  margin-bottom: 30rpx
+}
+
+
+.lecturerImangBox {
+  width: 140rpx;
+  height: 180rpx;
+  border: 2rpx solid #ccc;
+  position: relative;
+}
+
+.lecturerInformation {
+  width: 518rpx;
+  /* height: 143rpx; */
+  margin-left: 30rpx;
+}
+
+.lecturerName {
+  display: flex;
+  /* justify-content: space-between; */
+  margin-bottom: 20rpx;
+}
+
+.lecturerName .name {
+  color: #333;
+
+  /* width: 200rpx; */
+}
+
+
+.lecturerName .positionalTitle {
+  color: #949494;
+}
+
+.lecturerContent {
+  font-weight: 400;
+  font-size: 25rpx;
+  color: #333333;
+  line-height: 35rpx;
+}
+
+.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;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 110rpx;
+  margin-bottom: env(safe-area-inset-bottom);
+  display: flex;
+  flex-direction: row;
+  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 {
+  border-right: 1px solid #DDD;
+  color: #fff;
+  background-color: #f0ad36;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.buyColor {
+  border-right: 1px solid #DDD;
+  color: #fff;
+  background-color: #f04d3b;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+
+
+.certificateChart {
+  display: flex;
+  flex-direction: row;
+  margin-top: 30rpx;
+  margin-left: 40rpx;
+}
+
+.chart {
+  width: 230rpx;
+  height: 325rpx;
+  border: 1rpx solid #ccc;
+  margin-right: 50rpx;
+}
+
+.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;
+}
+
+.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__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