列表

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}>