列表

src/components/SearchBar/index.module.scss

@@ -6,7 +6,6 @@
   --nutui-searchbar-input-text-color: #000000;
   --nutui-searchbar-input-padding: 0 0 0 10px;
   --nutui-searchbar-padding:0 15px;
-  // --nutui-searchbar-background: #ffffff;
   :global(.nut-searchbar-content) {
     box-shadow: 0 4px 48px #00000014;
   }

src/components/SearchBar/index.tsx

@@ -1,22 +1,26 @@
+import { SearchBar } from "@nutui/nutui-react-taro";
+// import {ICON_FILTER} from '../../config/images.js'
+import styles from "./index.module.scss";
 
-import { SearchBar } from '@nutui/nutui-react-taro'
-import styles from './index.module.scss'
-
-const SearchBarComponent = () => {
+const SearchBarComponent = (props: IProps) => {
+  // console.log('===', ICON_FILTER)
+  const { handleFilterIcon } = props;
   return (
     <>
-    <SearchBar
+      <SearchBar
         // leftIn={
         //   <div>123</div>
         // }
         right={
-          <div className={styles.searchBarRight}>筛</div>
+          <div className={styles.searchBarRight} onClick={handleFilterIcon}>
+            筛
+          </div>
         }
         className={styles.searchBar}
-        placeholder='搜索上海的球局和场地'
+        placeholder="搜索上海的球局和场地"
       />
     </>
-  )
-}
+  );
+};
 
-export default SearchBarComponent
+export default SearchBarComponent;