商城测试版v5

src/pages/searchList/searchList.module.scss

@@ -33,7 +33,7 @@
             .text_ss{
                 position: relative;
                 .miconfont{
-                    font-size: 20px;
+                    font-size: 30px;
                     margin-left: 5px;
                 }
                 &::before{

src/pages/searchList/searchList.tsx

@@ -29,7 +29,8 @@ export default () => {
         width: '',
         weight_density: '',
         product_kind_id: '',
-        component: ''
+        component: '',
+        abstract_sort_key: ''
     })
     
     //获取面料列表
@@ -116,6 +117,19 @@ export default () => {
         setSelectList([...data])
     }
 
+    //排序
+    const [sortStatus, setSortStatus] = useState<{comprehensive:'none'|'top'|'bottom', collection:'none'|'top'|'bottom'}>({
+        comprehensive: 'none',
+        collection: 'none'
+    })
+    const changeSort = (val) => {
+        if(val == 1) {
+
+        } else {
+
+        }
+    }
+
     return (
         <View className={styles.main}>
             <View className={styles.search}>
@@ -123,13 +137,13 @@ export default () => {
             </View>
             <View className={styles.filter}>
                 <View className={styles.filter_all}>
-                    <View className={styles.text_zh}>
+                    <View className={styles.text_zh} onClick={() => changeSort(1)}>
                         <Text>综合</Text>
-                        <SortBtn status="top"/>
+                        <SortBtn status={sortStatus.comprehensive}/>
                     </View>
-                    <View className={styles.text_sc}>
+                    <View className={styles.text_sc} onClick={() => changeSort(2)}>
                         <Text>收藏</Text>
-                        <SortBtn status="top"/>
+                        <SortBtn status="none"/>
                     </View>
                     <View className={styles.text_ss} onClick={() => goLink('/pages/searchList/hightSearchList')}>
                         <Text>高级搜索</Text>