添加程序选择

src/components/DistanceQuickFilter/index.tsx

@@ -3,6 +3,7 @@ import { Menu } from "@nutui/nutui-react-taro";
 import { Image, View } from "@tarojs/components";
 import img from "@/config/images";
 import Bubble from "../Bubble";
+import { useListState } from "@/store/listStore";
 import "./index.scss";
 
 const DistanceQuickFilter = (props) => {
@@ -21,6 +22,10 @@ const DistanceQuickFilter = (props) => {
   const [changePosition, setChangePosition] = useState<number[]>([]);
   const [isMenuOpen, setIsMenuOpen] = useState(false);
 
+  // 从 store 获取当前城市信息
+  const { area } = useListState();
+  const currentCity = area?.at(-1) || ""; // 获取省份/城市名称
+
   // 全城筛选显示的标题
   const cityTitle = cityOptions.find((item) => item.value === cityValue)?.label;
 
@@ -69,13 +74,16 @@ const DistanceQuickFilter = (props) => {
       >
         <div className="positionWrap">
           <p className="title">当前位置</p>
-          <p className="cityName">上海市</p>
+          <p className="cityName">{currentCity}</p>
         </div>
         <div className="distanceWrap">
           <Bubble
             options={cityOptions}
             value={cityValue}
-            onChange={(name, value) => handleChange(name, value, 0)}
+            onChange={(name, value) => {
+              const singleValue = Array.isArray(value) ? value[0] : value;
+              handleChange(name, singleValue, 0);
+            }}
             layout="grid"
             size="small"
             columns={4}