From dc934dfd63fecff84d0bf996418e041b9bd4ea59 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 30 四月 2024 18:16:13 +0800 Subject: [PATCH] bug修改 --- packageDomain/pages/sampleBookList/index.wxss | 64 +++++++++++++++++++++++-------- 1 files changed, 47 insertions(+), 17 deletions(-) diff --git a/packageDomain/pages/sampleBookList/index.wxss b/packageDomain/pages/sampleBookList/index.wxss index cd9e157..c136bf1 100644 --- a/packageDomain/pages/sampleBookList/index.wxss +++ b/packageDomain/pages/sampleBookList/index.wxss @@ -1,3 +1,5 @@ +@import "./index.skeleton.wxss"; + .container { width: 100vw; height: 100vh; @@ -48,18 +50,20 @@ } .header-scroll { - width: 80vw; + width: 100vw; + overflow-x: auto; } .srcolbox { - width: 100%; + width: 900rpx; white-space: nowrap; + padding-bottom: 15rpx; } .srcolbox .t-button--primary { border-radius: 50rpx !important; background: #FF6C00 !important; - border: none; + border: none !important; } .srcolbox .t-button--light { @@ -71,9 +75,8 @@ .t-dropdown-menu:after, .t-dropdown-menu::after { - height: 0px; + height: 0px !important; } - .t-dropdown-item__body, .t-dropdown-item__footer, @@ -93,9 +96,13 @@ } .t-dropdown-menu__item--active { - height: 85rpx !important; + /* height: 86rpx !important; */ background: #F6F6F6 !important; - border-radius: 40rpx 40rpx 0 0; + /* border-radius: 40rpx 40rpx 0 0; */ +} + +.t-button--primary::after { + border: none !important; } .t-radio__title { @@ -135,8 +142,6 @@ transform: rotate(180deg); } -.list-body {} - .title { display: flex; height: 60rpx; @@ -154,10 +159,12 @@ .title .icon { height: 36rpx; + width: 140rpx; line-height: 60rpx; } .title .icon .iconImage { + width: 100%; height: 100%; } @@ -175,6 +182,11 @@ padding: 200rpx 0; } +.body-loading { + padding: 200rpx 0; + text-align: center; +} + .book-list { padding: 20rpx; @@ -187,13 +199,13 @@ .book-box { box-sizing: border-box; - width: calc(100%/2 - 10rpx); + width: calc(100%/2 - 12rpx); margin-right: 20rpx; display: flex; flex-direction: column; align-items: center; margin-bottom: 40rpx; - padding: 50rpx 16rpx 32rpx 16rpx; + padding: 50rpx 16rpx 8rpx 16rpx; box-shadow: 0rpx 0rpx 18rpx 2rpx rgba(0, 0, 0, 0.08); background: #fff; } @@ -206,9 +218,15 @@ color: #333; } -.book-img image { - object-fit: contain; +.book-img { + width: 210rpx; + height: 290rpx; box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.08); +} + +.book-img image { + width: 100%; + height: 100%; } .book-name { @@ -227,11 +245,13 @@ .book-author { height: 30rpx; margin-top: 16rpx; + margin-bottom: 14rpx; width: 100%; font-size: 24rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + } .checkbox { @@ -239,7 +259,7 @@ } .checkbox .t-checkbox--block { - padding: 20rpx 0 !important; + padding: 0 !important; align-items: center; } @@ -256,6 +276,7 @@ .checkbox .t-checkbox { font-size: 28rpx !important; + align-items: center; } .checkbox .t-checkbox__icon--left { @@ -270,14 +291,22 @@ margin-left: 10rpx; } +.movable-area { + width: 100%; + height: 100%; +} +.movable-view { + width: 184rpx; + height: 184rpx; + top: 800rpx; + left: 520rpx; +} .applyBox { width: 184rpx; height: 184rpx; - position: fixed; - bottom: 20%; - right: 0; + } .applyBox .box { @@ -290,6 +319,7 @@ .applyBox .box .t-image { width: 100%; height: 100%; + } .num { -- Gitblit v1.9.1