From cb15c57d0ff984f5a100cf25d560fb0a69c00984 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期二, 16 四月 2024 18:21:05 +0800 Subject: [PATCH] 音频bug4 --- packageBookService/pages/bookServices/list/index.wxss | 129 ++++++++++++++++++++++++++++++++++++++---- 1 files changed, 116 insertions(+), 13 deletions(-) diff --git a/packageBookService/pages/bookServices/list/index.wxss b/packageBookService/pages/bookServices/list/index.wxss index 3a0d134..02451f1 100644 --- a/packageBookService/pages/bookServices/list/index.wxss +++ b/packageBookService/pages/bookServices/list/index.wxss @@ -1,4 +1,5 @@ /* pages/bookServices/list/index.wxss */ +@import "./index.skeleton.wxss"; page { background-color: #f7f7f7; } @@ -11,35 +12,119 @@ } .list-header { + overflow: hidden; display: flex; + height: 96rpx; + --td-button-primary-active-bg-color: #ff984d; +} + +.list-header .t-button--primary { + border-radius: 50rpx !important; + background: #FF6C00 !important; + border: none; +} + +.list-header .t-button--light { + background: #fff !important; + border-radius: 50rpx !important; + color: #545C63 !important; + border: 2rpx solid #979797 !important; +} + +.list-header .t-button--light { + background: #fff !important; + border-radius: 50rpx !important; + color: #545C63 !important; + border: 2rpx solid #979797 !important; +} + +.t-checkbox--tag.t-checkbox--checked { + background-color: #f3e0d3 !important; +} + +.t-dropdown-menu__item--active { + background: #F6F6F6 !important; +} + +.t-button--primary::after { + border: none; +} + +.t-radio--block { + padding: 20rpx !important; +} + +.t-radio__border { + height: 0 !important; +} + +.t-dropdown-menu__item--active, +.t-radio__icon--checked, +.t-checkbox__icon--checked, +.t-radio__title--checked, +.t-checkbox__title--checked { + color: #FF6C00 !important; } .header-sort { + box-sizing: border-box; + position: relative; background-color: #fff; - line-height: 96rpx; - width: 150rpx; + line-height: 48px; + height: 48px; + width: 20vw; font-size: 28rpx; color: #999; display: flex; } +.header-sort .t-dropdown-menu__item { + padding: 0 8rpx; +} + +.header-sort .t-dropdown-menu__title { + width: 80%; +} + +.header-sort::after { + content: ''; + height: 1rpx; + display: block; + position: absolute; + bottom: 0; + left: 0; + right: 0; + transform: scaleY(0.5); + background-color: var(--td-component-border, var(--td-gray-color-4, #dcdcdc)); +} + +.sort-name { + padding: 0 0 0 10rpx; +} + .header-scroll { - width: 80vw; + height: 100%; + width: 100vw; + overflow-x: auto; } -.sort-icon { +.icon-left { + position: absolute; + top: 34rpx; + right: 26rpx; + transform: rotate(270deg); +} + +.icon-right { + position: absolute; + top: 34rpx; + right: 10rpx; transform: rotate(90deg); - position: relative; } -.sort-icon .icon-left { - transform: rotate(180deg); -} .list-container { height: 80vh; - margin-top: 20rpx; - /* background-color: #fff; */ } .assort-title { @@ -86,10 +171,20 @@ color: #333; } -.book-img image { - object-fit: contain; +.book-img { + width: 210rpx; + height: 290rpx; + display: flex; + align-items: center; + justify-content: center; box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); } + +.book-img image { + height: 100% !important; +} + + .book-name { margin-top: 24rpx; @@ -145,9 +240,17 @@ align-items: center; } -.t-dropdown-menu__item { +.header-scroll .t-dropdown-menu__item { background-color: #F6F6F6; border-radius: 80rpx; height: 70%; margin-left: 20rpx; +} + +.header-scroll .t-dropdown-item__body { + padding-bottom: 10rpx !important; +} + +.refresh-container { + margin: 0 auto; } \ No newline at end of file -- Gitblit v1.9.1