列表搜索页面

src/pages/list/index.module.scss

@@ -1,10 +1,10 @@
 .listPage {
-  background-color: #fafafa;
+  background-color: #fefefe;
 
   .listTopSearchWrapper {
     padding: 0 15px;
     // position: sticky;
-    background: #fefefe;
+    // background: #fefefe;
     // z-index: 999;
   }
 

src/pages/list/index.tsx

@@ -12,6 +12,7 @@ import CustomerNavBar from "@/container/listCustomNavbar";
 import InputCustomerBar from "@/container/inputCustomerNavbar";
 import GuideBar from "@/components/GuideBar";
 import ListContainer from "@/container/listContainer";
+import DistanceQuickFilter from "@/components/DistanceQuickFilter";
 import img from "@/config/images";
 
 const ListPage = () => {
@@ -24,6 +25,7 @@ const ListPage = () => {
     isShowFilterPopup,
     error,
     matches,
+    recommendList,
     loading,
     fetchMatches,
     refreshMatches,
@@ -119,7 +121,7 @@ const ListPage = () => {
     Taro.navigateTo({
       url: "/pages/search/index",
     });
-  }
+  };
 
   return (
     <>
@@ -162,30 +164,24 @@ const ListPage = () => {
               />
             </View>
           )}
-          {/* 筛选 */}
-          <div className={styles.listTopFilterWrapper}>
-            {/* 全城筛选 */}
-            <CityFilter
-              options={distanceData}
-              value={distanceQuickFilter?.distance}
-              wrapperClassName={styles.menuFilter}
-              onChange={handleDistanceOrQuickChange}
-              name="distance"
-            />
-            {/* 智能排序 */}
-            <Menu
-              options={quickFilterData}
-              value={distanceQuickFilter?.quick}
-              onChange={handleDistanceOrQuickChange}
-              wrapperClassName={styles.menuFilter}
-              name="quick"
-            />
-          </div>
+        </View>
+        {/* 筛选 */}
+        <View className={styles.listTopFilterWrapper}>
+          <DistanceQuickFilter
+            cityOptions={distanceData}
+            quickOptions={quickFilterData}
+            onChange={handleDistanceOrQuickChange}
+            cityName="distance"
+            quickName="quick"
+            cityValue={distanceQuickFilter?.distance}
+            quickValue={distanceQuickFilter?.quick}
+          />
         </View>
 
         {/* 列表内容 */}
         <ListContainer
           data={matches}
+          recommendList={recommendList}
           loading={loading}
           error={error}
           reload={refreshMatches}