From 46b1a99c27482b3798aff89e7fda3554f9ae3801 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期三, 17 四月 2024 09:19:41 +0800 Subject: [PATCH] 云学习购买页显示优化 --- packageDomain/pages/resourceDetails/myAudio/index.wxss | 56 ++++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 38 insertions(+), 18 deletions(-) diff --git a/packageDomain/pages/resourceDetails/myAudio/index.wxss b/packageDomain/pages/resourceDetails/myAudio/index.wxss index 1e73f88..9b401a3 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; @@ -21,7 +23,6 @@ border-bottom: 1px #f4f4f4 solid; padding-bottom: 20rpx; font-weight: bold; - } .contentBox { @@ -41,16 +42,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,13 +116,12 @@ .buttonBox { display: flex; justify-content: center; - } .detailsName { margin: 30rpx; width: 90%; - height: 60rpx; + min-height: 60rpx; display: flex; align-items: center; padding-left: 20rpx; @@ -269,7 +267,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%; @@ -288,6 +286,7 @@ height: 96rpx; display: flex; align-items: center; + width: 100%; } .functionBox .color { @@ -309,7 +308,6 @@ .mp-slider-bar { margin: 0 18rpx; - /* margin-top: 10rpx; */ } .t-tabs__item--active { @@ -320,13 +318,8 @@ background-color: #FF6C00 !important; } -.audioIconBox { - /* margin-top: 10rpx; */ -} - .publicBtn { margin-right: 10rpx; - /* margin-left: 40rpx; */ margin-left: 20rpx; width: 120rpx; position: relative; @@ -334,19 +327,46 @@ .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: 0px !important; +} */ + +.buttonBox { + position: absolute; + top: 95rpx; + width: 100%; + background-color: #e7e7e7; + height: 1px; + z-index: 999; } \ No newline at end of file -- Gitblit v1.9.1