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 |   86 ++++++++++++++++++++++++++++++++++---------
 1 files changed, 68 insertions(+), 18 deletions(-)

diff --git a/pages/bookServices/assort/index.wxss b/pages/bookServices/assort/index.wxss
index 3c71ffe..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);
 }
@@ -13,26 +15,31 @@
   left: 0;
   width: 100%;
   z-index: 99;
+  --td-search-font-size: 28rpx;
 }
 
-.page-header .t-search__input-container {
+
+.page-header .search .t-search__input-container {
+  font-size: 28rpx !important;
   border-radius: 15rpx !important;
   margin: 0 24rpx;
   height: 64rpx !important;
 }
 
 .page-container {
-  padding: 120rpx 0 20rpx 0;
+  padding-top: 120rpx;
+  padding-bottom: constant(safe-area-inset-bottom);
   width: 100%;
+  height: 100%;
 }
 
 .side-bar-wrapper {
+  height: 100%;
   background-color: #f2f3f8;
   display: flex;
 }
 
 .side-bar-content {
-  width: 70%;
   padding: 0 20rpx;
 }
 
@@ -60,8 +67,9 @@
 .myScroll {
   /* 鐩掑瓙鐨勬牱寮� */
   width: 100%;
-  height: 98rpx;
+  height: 108rpx;
   white-space: nowrap;
+  overflow-x: auto;
 }
 
 .myScroll .row {
@@ -78,24 +86,26 @@
 
 .myScroll .row:last-child {
   /* 閫夋嫨鏈�鍚庝竴涓瓙浠� 娓呴浂杈硅窛 */
-  margin-right: 0;
+  margin-right: 240rpx;
 }
 
 .class-list {
   /* overflow-y: auto; */
-  height: 72.5vh;
-  width: 262px;
+  height: calc(100vh - 326rpx);
+  width: calc(100vw - 210rpx);
 }
 
 .class-box {
   background-color: #fff;
-  margin-bottom: 10rpx;
-  padding: 10rpx 12rpx;
+  margin-bottom: 20rpx;
+  padding: 10rpx 0rpx;
   border-radius: 12rpx;
-  /* height: 60rpx; */
+  box-shadow: 0rpx 0rpx 18rpx 2rpx rgba(0, 0, 0, 0.08);
 }
 
+
 .class-name {
+  padding: 20rpx 0 0 20rpx;
   font-size: 32rpx;
   font-weight: 700;
 }
@@ -103,27 +113,67 @@
 .class-content {
   display: flex;
   flex-wrap: wrap;
-  padding: 5rpx 20rpx 30rpx 30rpx;
+  padding: 30rpx 0;
 }
 
 .book-box {
-  width: 140rpx;
-  margin-right: 10rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 50%;
+  margin-bottom: 26rpx;
 }
 
-.book-box:nth-child(3n) {
+.book-box:nth-child(2n) {
   margin-right: 0;
 }
 
 .book-box image {
-  width: 58px;
-  height: 70px;
+  height: 180rpx;
 }
 
 .classify {
   max-width: 90%;
-  white-space: nowrap;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
   overflow: hidden;
-  text-overflow: ellipsis;
   font-size: 14px;
+}
+
+.assort-img {
+  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: calc(100vw - 206rpx);
+}
+
+.loading-box {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  --td-loading-color: #ff6c00;
+}
+
+.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