修复 z-index 层级问题

src/components/DistanceQuickFilter/index.scss

@@ -41,7 +41,7 @@
     border-bottom-left-radius: 30px;
     border-bottom-right-radius: 30px;
     background-color: #fafafa !important;
-    z-index: 1000 !important;
+    z-index: 1100 !important;
     box-sizing: border-box !important;
   }
 

src/components/DistanceQuickFilter/index.tsx

@@ -1,4 +1,4 @@
-import { useRef, useState } from "react";
+import { useRef, useState, useEffect } from "react";
 import { Menu } from "@nutui/nutui-react-taro";
 import { Image, View } from "@tarojs/components";
 import img from "@/config/images";
@@ -14,10 +14,12 @@ const DistanceQuickFilter = (props) => {
     quickName,
     cityValue,
     quickValue,
+    onMenuVisibleChange, // 新增：菜单展开/收起回调
   } = props;
   const cityRef = useRef(null);
   const quickRef = useRef(null);
   const [changePosition, setChangePosition] = useState<number[]>([]);
+  const [isMenuOpen, setIsMenuOpen] = useState(false);
 
   // 全城筛选显示的标题
   const cityTitle = cityOptions.find((item) => item.value === cityValue)?.label;
@@ -48,10 +50,17 @@ const DistanceQuickFilter = (props) => {
     index === 1 && (quickRef.current as any)?.toggle(false);
   };
 
+  // 监听菜单状态变化，通知父组件
+  useEffect(() => {
+    onMenuVisibleChange?.(isMenuOpen);
+  }, [isMenuOpen, onMenuVisibleChange]);
+
   return (
     <View>    
     <Menu
       className={`distanceQuickFilterWrap ${filterWrapperClassName}`}
+      onOpen={() => setIsMenuOpen(true)}
+      onClose={() => setIsMenuOpen(false)}
     >
       <Menu.Item
         title={cityTitle}