From a9bd2df4da1cf7b198db7bf2d67ce8adbbe89b32 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期四, 11 四月 2024 22:00:27 +0800 Subject: [PATCH] 音频播放bug --- pages/bookExhibitionList/index.wxss | 196 +++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 167 insertions(+), 29 deletions(-) diff --git a/pages/bookExhibitionList/index.wxss b/pages/bookExhibitionList/index.wxss index 4a267d8..502a04a 100644 --- a/pages/bookExhibitionList/index.wxss +++ b/pages/bookExhibitionList/index.wxss @@ -1,15 +1,14 @@ /* pages/bookExhibitionList/index.wxss */ +@import "./index.skeleton.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; @@ -23,46 +22,42 @@ flex-wrap: wrap; justify-content: space-between; margin: 15px; - - } .contentBox { width: 330rpx; - /* height: 231rpx; */ - /* border: 1px #000 solid; */ margin: 10px 0; background-color: #fff; - } -image { - width: 327rpx; +.contentBox .imageBox { + width: 330rpx; height: 128rpx; +} + + + +image { + width: 100%; + height: 100%; } .textBox { font-family: PingFang SC, PingFang SC; width: 280rpx; - /* height: 75rpx; */ font-size: 25rpx; - overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; - /* text-align: center; */ margin: 20rpx; - } .example-search { - /* width: 300px; */ background-color: #fff; - /* padding: 16rpx 32rpx; */ } .iconBox { @@ -81,15 +76,27 @@ .sortBox { color: #999999; display: flex; - /* border-bottom: 1px #ededed solid; */ align-items: center; height: 86rpx; width: 195rpx; margin-top: 8rpx; - font-size: 30rpx; + font-size: 25rpx; } +.outsideSortBox { + width: 96rpx; + height: 95rpx; + margin: 0 15rpx; + box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.16); + padding: 0 10rpx; +} +.sortBox text { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 25rpx; + color: #999999; +} .titleBox { display: flex; @@ -99,36 +106,167 @@ padding-top: 30rpx; } + + .frameBox { width: 7rpx; height: 54rpx; background: #FF6C00; border-radius: 0rpx 9rpx 9rpx 0rpx; - } .titleTextBox { - margin-left: 5px; - - width: 150rpx; - height: 37rpx; - - + width: 180rpx; + height: 36rpx; + /*瀹� 3.7 楂�1 */ } -.classification { +.titleTextBox image { + width: 100%; + height: 100%; + image-rendering: -webkit-optimize-contrast; +} + +/* .classification { width: 550rpx; - /* margin-bottom: 50rpx; */ - -} + margin: 0 30rpx; +} */ .menuBox { display: flex; height: 75rpx; - } .assembleContent { background-color: #F2F3F8; + min-height: 90vh; + margin-top: 270rpx; +} + +.t-dropdown-menu:after, +.t-dropdown-menu::after { + height: 0px; +} + +.t-dropdown-item__body, +.t-dropdown-item__footer, +.t-radio { + background: #F6F6F6 !important; +} + +.t-dropdown-item__body { + padding: 40rpx 0; +} + +.t-dropdown-menu__item { + margin: 10rpx 10rpx 0 10rpx; + border-radius: 40rpx; + height: 68rpx; + background: #F6F6F6 !important; +} + +.t-dropdown-menu__item--active { + height: 68rpx !important; + background: #F6F6F6 !important; +} + +.t-dropdown-menu__item--active, +.t-radio__icon--checked, +.t-checkbox__icon--checked { + color: #FF6C00 !important +} + +.t-dropdown-menu { + width: 750rpx; +} + +.t-checkbox__icon--disabled { + color: #c0c4cc !important; +} + +.t-radio--block { + padding: 20rpx !important; +} + +.t-radio__border { + height: 0 !important; +} + +/* .t-button--primary { + color: #fff !important; + background-color: #FF6C00 !important; + border: 1rpx #fff solid !important; +} */ + +.t-button--primary { + color: var(--td-button-primary-color, var(--td-font-white-1, #ffffff)) !important; + background-color: var(--td-button-primary-bg-color, var(--td-brand-color, var(--td-primary-color-7, #FF6C00))) !important; +} + +.t-button--primary::after { + border-width: var(--td-button-border-width, 4rpx); + border-color: var(--td-button-primary-border-color, var(--td-brand-color, var(--td-primary-color-7, #FF6C00))) !important; +} + +.t-button--primary.t-button--hover::after { + background-color: var(--td-button-primary-active-bg-color, var(--td-brand-color-active, var(--td-primary-color-8, #FF6C00))) !important; + border-color: var(--td-button-primary-active-border-color, var(--td-brand-color-active, var(--td-primary-color-8, #FF6C00))) !important; +} + + +.t-button--light { + color: #000 !important; + background-color: #fff !important; +} + + +.menu--t-dropdown-menu::after { + background-color: var(--td-component-border, var(--td-gray-color-4, #fff)) !important; +} + +.noData { + margin: 0 auto; + margin-top: 100rpx; +} + +.t-checkbox--tag .t-checkbox__title--checked { + color: var(--td-checkbox-tag-active-color, var(--td-brand-color, var(--td-primary-color-7, #fff))) !important; +} + +.t-checkbox--tag.t-checkbox--checked { + color: var(--td-checkbox-tag-active-color, var(--td-brand-color, var(--td-primary-color-7, #fff))) !important; + background-color: var(--td-checkbox-tag-active-bg-color, var(--td-brand-color-light, var(--td-primary-color-1, #FF6C00))) !important; +} + +.outsideBigTitleBox { + position: fixed; + top: 0px; + background-color: #fff; + height: 135px; + z-index: 999; +} + +.disableds { + color: var(--td-dropdown-menu-disabled-colorm, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))) !important; +} + +.scrollViewBox { + height: calc(100vh - 300rpx); + /* width: calc(100vw - 60rpx); */ + /* height: 700rpx; */ +} + + + +.bottom-box { + display: flex; + justify-content: center; + color: #999; + height: 80rpx; + font-size: 28rpx; + --td-loading-color: #ff6c00; + margin-top: 100rpx; + display: flex; + justify-content: center; } \ No newline at end of file -- Gitblit v1.9.1