样式修改

src/route/index/Index.tsx

@@ -329,9 +329,15 @@ export default function Index() {
 
     }, []);
 
-    // useEffect(() => {
-    //     console.log('监听',keywords);
-    // }, [keywords]);
+    useEffect(() => {
+        console.log('监听type',type);
+        nav('/home', {
+            state: {
+                keyword: keywords,
+                name: type
+            }
+        })
+    }, [type]);
 
     const handleSearch = (value: string) => {
         console.log(value);
@@ -343,6 +349,17 @@ export default function Index() {
             }
         })
     }
+    const handleChange = (e:any) => {
+        console.log(e.target.value);
+        if(e.target.value == ''){
+            nav('/home', {
+                state: {
+                    keyword: '',
+                    name: type
+                }
+            })
+        }
+    }
     return (
         <>
             {/* <Breadcrumb
@@ -401,11 +418,15 @@ export default function Index() {
                                             display: showSearchBox ? 'none' : 'block'
                                         }}
                                     ></div>
-                                    <Search placeholder="输入项目名称" onSearch={handleSearch} style={{
+                                    <Search placeholder="输入项目名称"
+                                        onSearch={handleSearch}
+                                        onChange={handleChange}
+                                        style={{
                                             width: '253px',
                                             height: '31px',
                                             display: showSearchBox ? 'block' : 'none'
-                                    }} />
+                                        }}
+                                    />
                                     <Select
                                         style={{ height: '31px', width: '183px', marginLeft: 20, display: showSearchBox ? 'block' : 'none' }}
                                         onChange={(value: string) => {