From 2573de28368b3800c6b087e603f38b027004f59a Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期二, 09 七月 2024 18:42:28 +0800 Subject: [PATCH] bug --- packageDomain/pages/sampleBookList/index.wxss | 74 ++++++++++++++++++++++++++++--------- 1 files changed, 56 insertions(+), 18 deletions(-) diff --git a/packageDomain/pages/sampleBookList/index.wxss b/packageDomain/pages/sampleBookList/index.wxss index cd9e157..0cfa2d4 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; @@ -25,7 +27,7 @@ display: flex; align-items: center; --td-search-font-size: 28rpx; - margin-bottom: 30rpx; + margin-bottom: 16rpx; } .list-header { @@ -48,18 +50,19 @@ } .header-scroll { - width: 80vw; + width: 100vw; + overflow-x: auto; } .srcolbox { - width: 100%; + width: 900rpx; white-space: nowrap; } .srcolbox .t-button--primary { border-radius: 50rpx !important; background: #FF6C00 !important; - border: none; + border: none !important; } .srcolbox .t-button--light { @@ -71,9 +74,8 @@ .t-dropdown-menu:after, .t-dropdown-menu::after { - height: 0px; + height: 0px !important; } - .t-dropdown-item__body, .t-dropdown-item__footer, @@ -93,9 +95,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 +141,6 @@ transform: rotate(180deg); } -.list-body {} - .title { display: flex; height: 60rpx; @@ -154,10 +158,12 @@ .title .icon { height: 36rpx; + width: 140rpx; line-height: 60rpx; } .title .icon .iconImage { + width: 100%; height: 100%; } @@ -175,6 +181,11 @@ padding: 200rpx 0; } +.body-loading { + padding: 200rpx 0; + text-align: center; +} + .book-list { padding: 20rpx; @@ -187,13 +198,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 +217,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 +244,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 +258,7 @@ } .checkbox .t-checkbox--block { - padding: 20rpx 0 !important; + padding: 0 !important; align-items: center; } @@ -256,6 +275,7 @@ .checkbox .t-checkbox { font-size: 28rpx !important; + align-items: center; } .checkbox .t-checkbox__icon--left { @@ -270,14 +290,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 +318,7 @@ .applyBox .box .t-image { width: 100%; height: 100%; + } .num { @@ -306,4 +335,13 @@ position: absolute; top: 30rpx; left: 118rpx; +} + + +.t-icon-search { + font-size: 38rpx; +} + +.t-search__input-box { + height: 70rpx !important; } \ No newline at end of file -- Gitblit v1.9.1