From ccda9ec2fe70d8f51ef184eafc04b78d22dfbabd Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期三, 26 六月 2024 15:02:28 +0800 Subject: [PATCH] 小程序,教材,课程 --- packageDomain/pages/resourceDetails/myAudio/index.wxss | 98 ++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 81 insertions(+), 17 deletions(-) diff --git a/packageDomain/pages/resourceDetails/myAudio/index.wxss b/packageDomain/pages/resourceDetails/myAudio/index.wxss index c3fedad..0629cd2 100644 --- a/packageDomain/pages/resourceDetails/myAudio/index.wxss +++ b/packageDomain/pages/resourceDetails/myAudio/index.wxss @@ -1,4 +1,6 @@ /* pages/resourceDetails/index.wxss */ +@import "./index.skeleton.wxss"; + .nacigationBar { background-color: #fff; display: flex; @@ -6,12 +8,13 @@ } .navbar-title { - white-space: nowrap; + /* white-space: nowrap; text-overflow: ellipsis; color: #0F1214; font-size: 40rpx; font-weight: bold; - margin-bottom: 5rpx; + margin-bottom: 5rpx; */ + margin: 0 auto; } @@ -21,7 +24,6 @@ border-bottom: 1px #f4f4f4 solid; padding-bottom: 20rpx; font-weight: bold; - } .contentBox { @@ -41,16 +43,14 @@ .custom-panel { width: 750rpx; - } .contentBox .takeNotes { - position: absolute; - top: 5rpx; + top: 0rpx; right: 0; - width: 350rpx; - border-bottom: 1px solid #f4f4f4; + width: 353rpx; + /* border-bottom: 1rpx solid #e7e7e7; */ } .takeNotes image { @@ -117,23 +117,35 @@ .buttonBox { display: flex; justify-content: center; - } + +.outsideDetailsName { + /* overflow-y: scroll; + + height: 100vh; */ + overflow-x: hidden; + padding-right: 30rpx; +} + + .detailsName { margin: 30rpx; width: 90%; - height: 60rpx; + min-height: 60rpx; display: flex; align-items: center; - padding-left: 20rpx; - background-color: #FFF6F0 + padding: 20rpx; + background-color: #FFF6F0; + line-height: 50rpx; + + } .detailsName:hover { background-color: #fff0e6; width: 90%; - height: 60rpx; + min-height: 60rpx; color: #ff6c00; } @@ -269,7 +281,7 @@ .audioBackground { flex: 1; - /* background-image: no-repeat; */ + background-image: url('https://jsek.bnuic.com/website/image/video-bg.png'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; @@ -306,11 +318,11 @@ .bigFunctionBox { background: #000000; opacity: 0.6; + width: 100%; } .mp-slider-bar { margin: 0 18rpx; - /* margin-top: 10rpx; */ } .t-tabs__item--active { @@ -320,8 +332,6 @@ .t-tabs__track { background-color: #FF6C00 !important; } - - .publicBtn { margin-right: 10rpx; @@ -343,5 +353,59 @@ .publicText { display: flex; +} +.noData { + margin-top: 150rpx; +} + +.audioIconBox { + width: 50rpx; +} + +.pauseCircleBox { + width: 45rpx; + height: 45rpx; +} + +.pauseCircleBox image { + width: 100%; + height: 100%; +} + +.tabs--t-tabs__scroll--split::after { + height: 0rpx !important; +} + +.t-tabs__scroll::after { + height: 0rpx !important; +} + +.buttonBox { + position: absolute; + top: 95rpx; + width: 100%; + background-color: #e7e7e7; + height: 1px; + z-index: 999; +} + +.current-time { + width: 82rpx; +} + +.duration-time { + width: 82rpx; +} + +.timeBox { + width: 210rpx; + display: flex; + flex-direction: row; +} + +.wrapper { + overflow-y: scroll; + overflow-x: hidden; + height: 50vh; } \ No newline at end of file -- Gitblit v1.9.1