From 4c472f6bbf82e5ef95b60ac8e417760d89a7ba36 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期五, 29 三月 2024 19:39:17 +0800 Subject: [PATCH] 购物车2 --- packageBookService/pages/bookServices/list/index.wxss | 118 ++++++++++++++++++++++++++++++++++++++++++++++++++++++----- 1 files changed, 108 insertions(+), 10 deletions(-) diff --git a/packageBookService/pages/bookServices/list/index.wxss b/packageBookService/pages/bookServices/list/index.wxss index 3a0d134..c4c528e 100644 --- a/packageBookService/pages/bookServices/list/index.wxss +++ b/packageBookService/pages/bookServices/list/index.wxss @@ -11,35 +11,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: 15vw; font-size: 28rpx; color: #999; display: flex; } -.header-scroll { - width: 80vw; +.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-icon { +.sort-name { + padding: 0 0 0 10rpx; +} + +.header-scroll { + height: 100%; + width: 85vw; + overflow-x: auto; +} + +.icon-left { + position: absolute; + top: 34rpx; + right: 26rpx; + transform: rotate(270deg); +} + +.icon-right { + position: absolute; + 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; - margin-top: 20rpx; - /* background-color: #fff; */ } .assort-title { @@ -86,10 +170,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; @@ -150,4 +244,8 @@ border-radius: 80rpx; height: 70%; margin-left: 20rpx; +} + +.t-dropdown-item__body { + padding-bottom: 10rpx !important; } \ No newline at end of file -- Gitblit v1.9.1