商城测试版v7

src/pages/searchList/hightSearchList.module.scss

@@ -135,9 +135,7 @@
         }
     }
     .list{
-        flex:1;
-        display: flex;
-        flex-direction: column;
+        height: calc(100vh - 440px);
         .list_num {
             font-size: $font_size_min;
             color:$color_font_two;
@@ -148,8 +146,7 @@
             box-shadow: 0px 5px 5px #ccc;
         }
         .scroll{
-            flex:1;
-            height:0;
+            height: 100%;
             padding-top: 3px;
         }
         .product_list{
@@ -162,6 +159,7 @@
                 background-color: #fff;
                 border-radius: 20px;
                 margin-bottom: 20px;
+                box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1) ;
                 .product_img{
                     width: 100%;
                     height: 224px;

src/pages/searchList/hightSearchList.tsx

@@ -197,9 +197,8 @@ export default () => {
             <View className={styles.list}>
                 <View className={classnames(styles.list_num, scrollStatus&&styles.list_num_shadow)}>搜索结果 ({materialList.total}条记录)</View>
                 <View className={styles.scroll}>
-                   
                     <InfiniteScroll 
-                        selfonScrollToLower={() => getScrolltolower()} 
+                        selfonScrollToLower={getScrolltolower} 
                         selfOnScroll={(e) => onscroll(e)}
                         statusMore={statusMore}
                     >

src/pages/searchList/search.module.scss

@@ -47,7 +47,7 @@
         .history_header {
             width:100%;
             display: flex;
-            justify-content: space-between;
+            // justify-content: space-between;
             font-size: $font_size_medium;
             .history_header_title {
                 font-size: $font_size;
@@ -55,8 +55,9 @@
                 font-weight: 700;
             }
             .miconfont{
-                font-size: 30px;
+                font-size: 40px;
                 color: $color_font_three;
+                margin-left: 20px;
             }
         }
         .list{

src/pages/searchList/search.tsx

@@ -80,7 +80,7 @@ export default () => {
       {searchData?.historyField.length > 0 && <View className={styles.history}>
         <View className={styles.history_header}>
           <View className={styles.history_header_title}>历史搜索</View>
-          <View className={classnames('iconfont icon-shanchu', styles.miconfont)}></View>
+          {/* <View className={classnames('iconfont icon-shanchu', styles.miconfont)}></View> */}
         </View>
         <View className={styles.list}>
           {searchData?.historyField?.map((item, index) => <View key={index} className={styles.item} onClick={() => searchEvent(item.search_key, false)}>{item.search_key}</View>)}

src/pages/searchList/searchList.module.scss

@@ -2,7 +2,7 @@
     display: flex;
     flex-direction: column;
     height: 100vh;
-    background-color: $color_bg_one;
+    background-color: #F8F8F8;
     .search{
         padding: 20px;
     }
@@ -118,9 +118,7 @@
         }
     }
     .list{
-        flex:1;
-        display: flex;
-        flex-direction: column;
+        height: calc(100vh - 330px);
         .list_num {
             font-size: $font_size_min;
             color:$color_font_two;
@@ -131,8 +129,7 @@
             box-shadow: 0px 5px 5px #ccc;
         }
         .scroll{
-            flex:1;
-            height:0;
+            height: 100%;
             padding-top: 3px;
         }
         .product_list{
@@ -145,6 +142,7 @@
                 background-color: #fff;
                 border-radius: 20px;
                 margin-bottom: 20px;
+                box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.1) ;
                 .product_img{
                     width: 100%;
                     height: 224px;