🎈 perf(优化了搜索框与banner图):

src/pages/index/index.module.scss

@@ -1,33 +1,33 @@
-.main{
-    background-color: $color_bg_one;
-    height: 100vh;
+.main {
+  background-color: $color_bg_one;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  .search {
+    width: 100%;
     display: flex;
-    flex-direction: column;
-    .search{
-        width: 100%;
-        display: flex;
-        justify-content: space-between;
-        padding: 20px 20px 30px 20px;
-        box-sizing: border-box;
-        align-items: center;
-        .search_collect{
-            font-size: 26px;
-            border: 2px solid #007AFF;
-            color: #007AFF;
-            border-radius: 50px;
-            width: 132px;
-            height: 44px;
-            text-align: center;
-            line-height: 44px;
-        }
-        .search_input{
-            flex:1;
-            margin-left: 20px;
-        }
+    justify-content: space-between;
+    padding: 20px;
+    box-sizing: border-box;
+    align-items: center;
+    .search_collect {
+      font-size: 26px;
+      border: 2px solid #007aff;
+      color: #007aff;
+      border-radius: 50px;
+      width: 132px;
+      height: 44px;
+      text-align: center;
+      line-height: 44px;
     }
-    .products{
-        flex:1;
-        height: 0;
+    .search_input {
+      flex: 1;
+      // margin-left: 20px;
     }
-    
-}
+  }
+  .products {
+    flex: 1;
+    height: 0;
+    margin-top: 20px;
+  }
+}

src/pages/index/index.tsx

@@ -84,15 +84,13 @@ export default () => {
   return (
     <MoveBtn onClick={() => setShowShopCart(!showShopCart)}>
       <View className={styles.main}>
-        <Banner />
         <View className={styles.search}>
-          <View className={styles.search_collect} onClick={() => goLink('/pages/collection/index')}>
-            我的收藏
-          </View>
           <View className={styles.search_input} onClick={() => goLink('/pages/searchList/search')}>
-            <Search disabled={true} style={{ width: '263rpx' }} />
+            <Search disabled={true} style={{ width: '263rpx' }} borderRadius='16rpx' placeholder='请输入搜索布料' />
           </View>
         </View>
+        <Banner />
+
         <View className={styles.products}>
           <SideBar
             list={kindData.list}