列表

src/components/CityFilter/index.module.scss

@@ -1,6 +1,7 @@
 .menuWrap {
   padding: 5px 20px 10px;
   .menuItem {
+    width: 100vw;
     left: 0;
     border-bottom-left-radius: 30px;
     border-bottom-right-radius: 30px;

src/components/CityFilter/index.tsx

@@ -12,7 +12,7 @@ interface IProps {
 }
 
 const MenuComponent = (props: IProps) => {
-  const { value, onChange, wrapperClassName, itemClassName } = props;
+  const { value, onChange, wrapperClassName, itemClassName, options } = props;
   const [isChange, setIsChange] = useState(false);
   const itemRef = useRef(null);
 
@@ -22,12 +22,7 @@ const MenuComponent = (props: IProps) => {
     onChange && onChange(value);
   };
 
-  const options: BubbleOption[] = [
-    { id: 0, label: "全城", value: "0" },
-    { id: 1, label: "3km", value: "3" },
-    { id: 2, label: "5km", value: "5" },
-    { id: 3, label: "10km", value: "10" },
-  ];
+  
 
   return (
     <Menu
@@ -38,7 +33,7 @@ const MenuComponent = (props: IProps) => {
     >
       <Menu.Item
         title="全城"
-        className={`${styles.menuItem} ${itemClassName}`}
+        className={`${styles.menuItem} ${itemClassName ? itemClassName : ''}`}
         ref={itemRef}
       >
         <div className={styles.positionWrap}>

src/components/Menu/index.module.scss

@@ -1,6 +1,8 @@
 .menuWrap {
+  position: static;
   padding: 5px 20px 10px;
   .menuItem {
+    width: 100vw;
     left: 0;
     border-bottom-left-radius: 30px;
     border-bottom-right-radius: 30px;

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;