From b0128497cea9d7ce703e02652a884e250db4de04 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期二, 02 四月 2024 15:06:58 +0800
Subject: [PATCH] 检索bug2
---
pages/bookServices/assort/index.wxss | 40 +++++++++++++++++++++++++++-------------
1 files changed, 27 insertions(+), 13 deletions(-)
diff --git a/pages/bookServices/assort/index.wxss b/pages/bookServices/assort/index.wxss
index f065f59..bf82130 100644
--- a/pages/bookServices/assort/index.wxss
+++ b/pages/bookServices/assort/index.wxss
@@ -1,4 +1,6 @@
page {
+ width: 100vw;
+ overflow: hidden;
box-sizing: border-box;
padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
}
@@ -25,9 +27,10 @@
}
.page-container {
- padding: 120rpx 0 20rpx 0;
+ padding-top: 120rpx;
+ padding-bottom: constant(safe-area-inset-bottom);
width: 100%;
- height: 90%;
+ height: 100%;
}
.side-bar-wrapper {
@@ -37,7 +40,6 @@
}
.side-bar-content {
- width: 100%;
padding: 0 20rpx;
}
@@ -65,8 +67,9 @@
.myScroll {
/* 鐩掑瓙鐨勬牱寮� */
width: 100%;
- height: 98rpx;
+ height: 108rpx;
white-space: nowrap;
+ overflow-x: auto;
}
.myScroll .row {
@@ -83,7 +86,7 @@
.myScroll .row:last-child {
/* 閫夋嫨鏈�鍚庝竴涓瓙浠� 娓呴浂杈硅窛 */
- margin-right: 0;
+ margin-right: 240rpx;
}
.class-list {
@@ -95,8 +98,9 @@
.class-box {
background-color: #fff;
margin-bottom: 20rpx;
- padding: 10rpx 12rpx;
+ padding: 10rpx 0rpx;
border-radius: 12rpx;
+ box-shadow: 0rpx 0rpx 18rpx 2rpx rgba(0, 0, 0, 0.08);
}
@@ -109,8 +113,7 @@
.class-content {
display: flex;
flex-wrap: wrap;
- /* padding: 5rpx 20rpx 30rpx 30rpx; */
- padding: 30rpx;
+ padding: 30rpx 0;
}
.book-box {
@@ -126,8 +129,7 @@
}
.book-box image {
- height: 142rpx;
- object-fit: contain !important;
+ height: 180rpx;
}
.classify {
@@ -141,14 +143,16 @@
}
.assort-img {
- width: 116rpx;
- height: 142rpx;
+ display: flex;
+ align-items: center;
+ width: 152rpx;
+ height: 186rpx;
box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
margin-bottom: 20rpx;
}
.page-right {
- width: 100%;
+ width: calc(100vw - 206rpx);
}
.loading-box {
@@ -162,4 +166,14 @@
.bottom-box {
height: 40rpx;
+}
+
+
+.bottom-box {
+ display: flex;
+ justify-content: center;
+ color: #999;
+ height: 80rpx;
+ font-size: 28rpx;
+ --td-loading-color: #ff6c00
}
\ No newline at end of file
--
Gitblit v1.9.1