From ccda9ec2fe70d8f51ef184eafc04b78d22dfbabd Mon Sep 17 00:00:00 2001
From: litian <C21AF165>
Date: 星期三, 26 六月 2024 15:02:28 +0800
Subject: [PATCH] 小程序，教材，课程
---
pages/digitalCourses/digitalCoursesDetails/index.wxss | 343 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 342 insertions(+), 1 deletions(-)
diff --git a/pages/digitalCourses/digitalCoursesDetails/index.wxss b/pages/digitalCourses/digitalCoursesDetails/index.wxss
index 5af9dd4..e036714 100644
--- a/pages/digitalCourses/digitalCoursesDetails/index.wxss
+++ b/pages/digitalCourses/digitalCoursesDetails/index.wxss
@@ -1 +1,342 @@
-/* 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%;
+}
+
+.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;
+}
+
+.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;
+}
+
+.lecturerInformation {
+ width: 518rpx;
+ /* height: 143rpx; */
+ margin-left: 30rpx;
+}
+
+.lecturerName {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 10rpx;
+}
+
+.lecturerContent {
+ font-weight: 400;
+ font-size: 25rpx;
+ color: #333333;
+ line-height: 35rpx;
+}
+
+.outsideContentBox {
+ /* height: calc(100vh - 120rpx); */
+ position: relative;
+ height: calc(100vh - env(safe-area-inset-bottom) - 60px);
+ background-color: #F2F3F8;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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 {
+ display: flex;
+ flex-direction: row;
+ margin-top: 30rpx;
+ margin-left: 40rpx;
+}
+
+.chart {
+ width: 230rpx;
+ height: 325rpx;
+ border: 1rpx solid #ccc;
+ margin-right: 50rpx;
+}
+
+.custom-panel {
+ /* min-height: 400px; */
+}
+
+
+
+
+.wrapper {
+ margin-bottom: 32rpx;
+}
+
+.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;
+}
+
+.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;
+}
\ No newline at end of file
--
Gitblit v1.9.1