From 56b70cdad0a96691eaf37e04a79ef5e92b892480 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期五, 19 四月 2024 11:14:40 +0800 Subject: [PATCH] bug1 --- packageDomain/pages/resourceDetails/myAudio/index.wxss | 97 +++++++++++++++++++++++++++++++++++++----------- 1 files changed, 75 insertions(+), 22 deletions(-) diff --git a/packageDomain/pages/resourceDetails/myAudio/index.wxss b/packageDomain/pages/resourceDetails/myAudio/index.wxss index f538b2e..a49d20e 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,31 @@ .buttonBox { display: flex; justify-content: center; +} +.outsideDetailsName { + overflow-y: scroll; + overflow-x: hidden; + height: 35vh; } .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 +277,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 +314,11 @@ .bigFunctionBox { background: #000000; opacity: 0.6; + width: 100%; } .mp-slider-bar { margin: 0 18rpx; - /* margin-top: 10rpx; */ } .t-tabs__item--active { @@ -321,13 +329,8 @@ background-color: #FF6C00 !important; } -.audioIconBox { - /* margin-top: 10rpx; */ -} - .publicBtn { margin-right: 10rpx; - /* margin-left: 40rpx; */ margin-left: 20rpx; width: 120rpx; position: relative; @@ -335,19 +338,69 @@ .multipleBox { position: absolute; - /* top: 0; */ bottom: 60rpx; right: 10rpx; background-color: #000; padding: 15rpx; font-size: 25rpx; - /* padding-bottom: 100rpx; */ - } .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; + height: 45vh; } \ No newline at end of file -- Gitblit v1.9.1