From 3f1ea0a8e4bb02bf7544df8660b15cfa69d6b84a Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期五, 15 三月 2024 18:54:04 +0800 Subject: [PATCH] Merge refs/remotes/origin/master into refs/heads/master --- pages/resourceDetails/myAudio/index.wxss | 327 ++++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 290 insertions(+), 37 deletions(-) diff --git a/pages/resourceDetails/myAudio/index.wxss b/pages/resourceDetails/myAudio/index.wxss index 498b3dc..4d891e6 100644 --- a/pages/resourceDetails/myAudio/index.wxss +++ b/pages/resourceDetails/myAudio/index.wxss @@ -1,14 +1,12 @@ -/* pages/resourceDetails/myAudio/index.wxss */ +/* pages/resourceDetails/index.wxss */ .nacigationBar { background-color: #fff; display: flex; align-items: center; - } .navbar-title { white-space: nowrap; - /* overflow: hidden; */ text-overflow: ellipsis; color: #0F1214; font-size: 40rpx; @@ -16,51 +14,306 @@ margin-bottom: 5rpx; } -.audioBox { - width: 100%; - height: 350rpx; + + +.titleBox { + margin: 30rpx; + border-bottom: 1px #f4f4f4 solid; + padding-bottom: 20rpx; + font-weight: bold; + } -.imageFront { - width: 300rpx; - height: 300rpx; - position: absolute; - top: 150rpx; - left: 250rpx; +.contentBox { + position: relative; } -.imageAfter { - width: 100%; +.contentBox .custom-tabs { + width: 400rpx; } -.controlBox { + +.t-tabs__content { + width: 750rpx !important; + overflow: auto !important; +} + + +.custom-panel { width: 750rpx; - height: 96rpx; - background: #000000; - border-radius: 0rpx 0rpx 0rpx 0rpx; - opacity: 0.6; - position: relative; + } -.controlBox image { - width: 45rpx; - height: 45rpx; - margin: 20rpx 35rpx; -} +.contentBox .takeNotes { -audio { - position: relative; -} - -.free-MusicProgress { position: absolute; - width: 78%; - left: 21.7%; - bottom: 1px; - background: #C3C3C3; + top: 5rpx; + right: 0; + width: 350rpx; + border-bottom: 1px solid #f4f4f4; } -.free-MusicProgress>view { - background: #48c23d; - height: 5px; +.takeNotes image { + width: 30rpx; + height: 30rpx; + margin-top: 10rpx; + margin-right: 10rpx; +} + +.takeNotesLining { + margin: 25rpx; + display: flex; + justify-content: flex-end; +} + +.operateBox { + display: flex; + align-items: flex-end; + justify-content: space-between; +} + +.iconBox { + display: flex; +} + +.iconBox image { + width: 26rpx; + height: 26rpx; + margin: 0 10rpx; +} + +.t-dialog__content { + padding: 0 !important; +} + +.titleImageBox { + width: 40rpx; + height: 40rpx; + margin-left: 20rpx; +} + +.dialogTitleBox { + margin: 30rpx; + border-bottom: 1px #f4f4f4 solid; + padding-bottom: 20rpx; + font-weight: bold; + display: flex; + align-items: center; +} + +.input-example { + --td-input-vertical-padding: 24rpx; + background-color: #fff; + padding: 32rpx 32rpx 16rpx; +} + +.input-example__label { + color: rgba(0, 0, 0, 0.9); + font-size: 24rpx; + line-height: 40rpx; + margin: 0 8rpx 16rpx; +} + +.buttonBox { + display: flex; + justify-content: center; + +} + +.detailsName { + margin: 30rpx; + width: 90%; + height: 60rpx; + display: flex; + align-items: center; + padding-left: 20rpx; + background-color: #FFF6F0 +} + +.detailsName:hover { + background-color: #fff0e6; + width: 90%; + height: 60rpx; + color: #ff6c00; +} + +.audioBox { + width: 750rpx; + height: 200rpx; +} + +.title-text { + display: flex; + align-items: center; +} + +.note-title { + width: 80%; + height: 84rpx; + line-height: 84rpx; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding: 10rpx; + margin-left: 20rpx; +} + +.edit-icon { + margin-left: 10rpx; + width: 30rpx; + height: 30rpx; +} + +.submit-btn { + padding: 40rpx; + --td-button-border-radius: 60rpx; + --td-button-primary-bg-color: #ff6c00; + --td-button-primary-border-color: #ff6c00; + --td-button-primary-active-bg-color: #ff984d; + --td-button-primary-active-border-color: #ff984d; +} + +.edit-icon { + margin-left: 10rpx; + width: 30rpx; + height: 30rpx; +} + +.textarea-example { + padding: 32rpx 32rpx 48rpx; + background-color: #fff; +} + +.external-class { + padding-top: 24rpx !important; + padding-bottom: 24rpx !important; +} + +.textarea-example__label { + display: block; + color: rgba(0, 0, 0, 0.9); + font-size: 24rpx; + line-height: 40rpx; + padding-bottom: 16rpx; +} + +.popup { + padding: 40rpx; + width: 600rpx; + +} + +.close-btn { + position: absolute; + left: 50%; + margin-left: -32rpx; + bottom: calc(-1 * (48rpx + 64rpx)); +} + +.collapse-header { + display: flex; +} + +.collapse-header .header-name { + font-size: 32rpx; + width: 500rpx; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.note-icon { + width: 44rpx; + height: 48rpx; + margin-right: 20rpx; +} + +.note-content { + height: min-content; + font-size: 28rpx; + color: #949494; + margin-bottom: 20rpx; + max-height: 600rpx; + text-align: justify; +} + +.note-bottom { + display: flex; + justify-content: space-between; + align-items: center; +} + +.note-time { + color: #D9D9D9; +} + +.bottom-btn { + height: 40rpx; + display: flex; + align-items: center; +} + +.complice, +.delete { + width: 30rpx; + height: 30rpx; + margin: 0 15rpx; +} + +.audioPlayerBox { + width: 100%; + height: 460rpx; + display: flex; + flex-direction: column; +} + +.audioBackground { + flex: 1; + background-size: 100% 110%; + background-color: #f9f9f9; + display: flex; + justify-content: center; + align-items: center; +} + +.audioBackground image { + width: 270rpx; + height: 280rpx; +} + +.functionBox { + height: 96rpx; + display: flex; + align-items: center; +} + +.functionBox .color { + color: #fff; +} + +.rightSwitchBox { + margin: 0 30rpx; +} + +.leftSwitchBox { + margin: 0 30rpx; +} + +.bigFunctionBox { + background: #000000; + opacity: 0.6; +} + +.mp-slider-bar { + margin: 0 18rpx; + margin-top: 10rpx; +} + +.t-tabs__item--active { + color: #FF6C00 !important; + +} + +.t-tabs__track { + background-color: #FF6C00 !important; } \ No newline at end of file -- Gitblit v1.9.1