From e2b9cf5cb19ba0ae4bffd787d96f0d0cb8fb63bf Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期二, 09 七月 2024 15:52:58 +0800 Subject: [PATCH] css --- packageBookService/pages/bookServices/list/index.wxss | 105 +++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 87 insertions(+), 18 deletions(-) diff --git a/packageBookService/pages/bookServices/list/index.wxss b/packageBookService/pages/bookServices/list/index.wxss index 97516a0..d0ed8a3 100644 --- a/packageBookService/pages/bookServices/list/index.wxss +++ b/packageBookService/pages/bookServices/list/index.wxss @@ -1,4 +1,6 @@ /* pages/bookServices/list/index.wxss */ +@import "./index.skeleton.wxss"; + page { background-color: #f7f7f7; } @@ -10,9 +12,15 @@ margin-bottom: 30rpx; } +.t-search__input-box { + height: 70rpx !important; +} + .list-header { + overflow: hidden; display: flex; height: 96rpx; + --td-button-primary-active-bg-color: #ff984d; } .list-header .t-button--primary { @@ -28,6 +36,33 @@ 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, @@ -37,48 +72,61 @@ } .header-sort { + box-sizing: border-box; position: relative; background-color: #fff; - line-height: 90rpx; - height: 100%; - width: 15vw; + line-height: 48px; + height: 48px; + width: 20vw; font-size: 28rpx; color: #999; display: flex; - border-bottom: 1px solid #ededed; +} + +.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: 4rpx 0 0 10rpx; + padding: 0 0 0 10rpx; } .header-scroll { - height: 96rpx; - width: 85vw; + height: 100%; + width: 100vw; + overflow-x: auto; } .icon-left { position: absolute; - top: 38rpx; + top: 34rpx; right: 26rpx; transform: rotate(270deg); } .icon-right { position: absolute; - top: 38rpx; + top: 34rpx; right: 10rpx; transform: rotate(90deg); } -/* .sort-icon { - transform: rotate(90deg); - position: relative; -} - -.sort-icon .icon-left { - transform: rotate(180deg); -} */ .list-container { height: 80vh; @@ -137,6 +185,11 @@ box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); } +.book-img image { + height: 100% !important; +} + + .book-name { margin-top: 24rpx; @@ -192,9 +245,25 @@ 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; +} + +.t-radio { + font-size: var(--td-radio-font-size, 28rpx) !important; +} + +.t-icon-search { + font-size: 38rpx; } \ No newline at end of file -- Gitblit v1.9.1