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 | 51 ++++++++++++++++++++++++++++++++++----------------- 1 files changed, 34 insertions(+), 17 deletions(-) diff --git a/pages/digitalCourses/digitalCoursesDetails/index.wxss b/pages/digitalCourses/digitalCoursesDetails/index.wxss index 9e8523c..e036714 100644 --- a/pages/digitalCourses/digitalCoursesDetails/index.wxss +++ b/pages/digitalCourses/digitalCoursesDetails/index.wxss @@ -15,8 +15,10 @@ } .imageBox { - width: 690rpx; + /* width: 100%; */ height: 400rpx; + border-radius: 20rpx; + overflow: hidden; } .nameBox { @@ -52,7 +54,6 @@ .digital { background-color: #F2F3F8; - padding-bottom: 20rpx; } .right-background { @@ -64,26 +65,37 @@ 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; } -.tabBox { - background-color: #fff; - border-radius: 18rpx 18rpx 0rpx 0rpx; -} - .t-tabs__item-inner { flex-direction: column; - } -.t-tabs__track { - /* bottom: -20rpx !important; */ +.t-tabs__item-inner .t-icon { + margin-bottom: 20rpx; +} + +.t-tabs__item-inner .t-icon__image { + width: 36rpx !important; + height: 44rpx !important; } .rubricBox { @@ -106,10 +118,13 @@ font-weight: bold; } -.lecturer { +.course-content { padding: 30rpx; +} + +.lecturer { display: flex; - margin-bottom: 170rpx; + margin-bottom: 30rpx } @@ -121,7 +136,7 @@ .lecturerInformation { width: 518rpx; - height: 143rpx; + /* height: 143rpx; */ margin-left: 30rpx; } @@ -139,7 +154,10 @@ } .outsideContentBox { - height: calc(100vh - 120rpx); + /* height: calc(100vh - 120rpx); */ + position: relative; + height: calc(100vh - env(safe-area-inset-bottom) - 60px); + background-color: #F2F3F8; } .box-bottom { @@ -151,7 +169,7 @@ margin-bottom: env(safe-area-inset-bottom); display: flex; flex-direction: row; - background-color: #ccc; + border: 1px solid #DDD; } .shopCarColor { @@ -212,8 +230,7 @@ } .custom-panel { - min-height: 400px; - + /* min-height: 400px; */ } -- Gitblit v1.9.1