From afa97d5f4e0ed176a556d9fe04d4655e005e6991 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期四, 13 六月 2024 18:39:40 +0800
Subject: [PATCH] 数字课程
---
pages/digitalTextbooks/digitalTextbooksDetails/index.wxss | 438 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 437 insertions(+), 1 deletions(-)
diff --git a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
index 57c9936..4c65eb0 100644
--- a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
+++ b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss
@@ -1 +1,437 @@
-/* pages/digitalTextbooks/digitalTextbooksDetails/index.wxss */
\ No newline at end of file
+/* pages/digitalTextbooks/digitalTextbooksDetails/index.wxss */
+
+@import "./index.skeleton.wxss";
+
+image {
+ width: 100%;
+ height: 100%;
+}
+
+
+
+
+.textbookDetails {
+ display: flex;
+ flex-direction: row;
+ padding: 30rpx;
+ background-color: #fff;
+ border-radius: 0 0 20rpx 20rpx;
+}
+
+.book-img {
+ border: 1rpx solid #ccc;
+}
+
+.setCoolect {
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+ height: 50rpx;
+ margin: 10rpx 0;
+}
+
+.imageBox {
+ width: 220rpx;
+ height: 310rpx;
+}
+
+.bookContent {
+ margin-left: 30rpx;
+}
+
+.right-background {
+ width: 160rpx;
+ height: 160rpx;
+ position: absolute;
+ top: 150rpx;
+ right: -50rpx;
+ z-index: 0;
+}
+
+.content {
+ margin-top: 30rpx;
+}
+
+.styleCssBox {
+ display: flex;
+ flex-direction: row;
+ margin: 20rpx 0;
+ font-size: 28rpx;
+}
+
+.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;
+ justify-content: space-around;
+ align-items: center;
+ width: 100%;
+ height: 120rpx;
+ border-radius: 0 0 20rpx 20rpx;
+}
+
+.book-box {
+ background: linear-gradient(to right, #FF6C00, #FFB400);
+ border-radius: 0 0 20rpx 20rpx;
+}
+
+
+
+
+
+.digital {
+ background-color: #F2F3F8;
+ padding-bottom: 20rpx;
+}
+
+
+
+
+
+.t-tabs__item-inner {
+ flex-direction: column;
+ /* color: #ff6c00; */
+}
+
+.t-tabs__item--active {
+ color: #FF6C00 !important;
+}
+
+.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-inner .t-icon {
+ margin-bottom: 20rpx;
+}
+
+.t-tabs__item-inner .t-icon__image {
+ width: 36rpx !important;
+ height: 44rpx !important;
+}
+
+.t-tabs__nav .t-tabs__item:nth-child(3) .t-tabs__item-inner .t-icon__image {
+ width: 44rpx !important;
+ height: 40rpx !important;
+}
+
+.t-tabs__nav .t-tabs__item {
+ width: 160rpx !important;
+ padding: 0 !important;
+}
+
+.t-tabs__scroll {
+ 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-bottom: 0;
+}
+
+.rubricimgBox {
+ width: 40rpx;
+ height: 45rpx;
+}
+
+.basic {
+ margin-left: 18rpx;
+ font-size: 32rpx;
+ color: #333;
+ font-weight: bold;
+}
+
+.correlationImage {
+ width: 180rpx;
+ height: 255rpx;
+}
+
+.correlation {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+ margin: 30rpx;
+}
+
+.correlationName {
+ width: 150rpx;
+ 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;
+}
+
+.page-bookService {
+ width: 100vw;
+ height: 100%;
+ /* position: relative; */
+}
+
+.box-bottom {
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: 110rpx;
+ margin-bottom: env(safe-area-inset-bottom);
+ display: flex;
+ flex-direction: row;
+}
+
+.trialReading {
+ 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: 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;
+}
+
+.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%;
+}
+
+.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;
+ border-bottom: solid 5rpx #FF6C00;
+}
+
+.scrollView {
+ /* height: calc(100vh - 300rpx); */
+ height: 100vh;
+ /* min-height: 86vh; */
+}
+
+.contentBox {
+ width: 100%;
+ /* height: 660rpx; */
+ height: 100%;
+ overflow: scroll;
+}
+
+.certificateChart {
+ display: flex;
+ flex-direction: row;
+ margin-top: 30rpx;
+ margin-left: 40rpx;
+}
+
+.chart {
+ width: 230rpx;
+ height: 325rpx;
+ border: 1rpx solid #ccc;
+ margin-right: 50rpx;
+}
+
+
+.noData {}
+
+.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;
+}
\ No newline at end of file
--
Gitblit v1.9.1