From df618a997dffc27446f03ce2c599d743e6254859 Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期三, 10 七月 2024 14:42:18 +0800 Subject: [PATCH] vidio --- pages/digitalTextbooks/digitalTextbooksDetails/index.wxss | 117 ++++++++++++++++++++++++++++++---------------------------- 1 files changed, 60 insertions(+), 57 deletions(-) diff --git a/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss b/pages/digitalTextbooks/digitalTextbooksDetails/index.wxss index 268ab62..04b3086 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; +} @@ -60,9 +65,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 +89,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 +143,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 +162,10 @@ font-weight: bold; } +.basic-content { + padding: 30rpx 40rpx; +} + .correlationImage { width: 180rpx; height: 255rpx; @@ -175,8 +174,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 +188,6 @@ -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; - font-weight: bold; font-size: 25rpx; color: #333333; @@ -196,7 +196,6 @@ .page-bookService { width: 100vw; height: 100%; - /* position: relative; */ } .box-bottom { @@ -208,6 +207,7 @@ margin-bottom: env(safe-area-inset-bottom); display: flex; flex-direction: row; + border: 1px solid #DDD; } .trialReading { @@ -220,7 +220,6 @@ align-items: center; flex-direction: column; border-left: 1rpx solid #DDDDDD; - } .shopCarColor { @@ -321,25 +320,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; @@ -357,6 +337,13 @@ /* height: 660rpx; */ height: 100%; overflow: scroll; +} + +.book-resource { + min-height: calc(100% - 515rpx); + margin-top: 20rpx; + background-color: #fff !important; + --td-tab-item-height: 140rpx; } .certificateChart { @@ -413,4 +400,20 @@ 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