处理列表

src/components/DistanceQuickFilter/index.scss

@@ -1,5 +1,6 @@
 .distanceQuickFilterWrap {
   width: 100%;
+  --nutui-menu-bar-line-height: 30px;
 
   .nut-menu-bar {
     background-color: unset;
@@ -35,19 +36,6 @@
     border-bottom-right-radius: 30px;
   }
 
-  // .nut-menu-container-item {
-  //   color: rgba(60, 60, 67, 0.6);
-  //   font-size: 14px;
-  //   font-weight: 600;
-  //   line-height: 20px;
-  // }
-
-  // .nut-menu-container-item.active {
-  //   flex-direction: row-reverse;
-  //   justify-content: space-between;
-  //   color: #000;
-  // }
-
   .positionWrap {
     display: flex;
     align-items: center;

src/components/DistanceQuickFilter/index.tsx

@@ -1,11 +1,11 @@
-import React, { useEffect, useRef, useState } from "react";
-import { Menu, Button } from "@nutui/nutui-react-taro";
-import { Image, View, Text } from "@tarojs/components";
+import { useRef, useState } from "react";
+import { Menu } from "@nutui/nutui-react-taro";
+import { Image, View } from "@tarojs/components";
 import img from "@/config/images";
 import Bubble from "../Bubble";
 import "./index.scss";
 
-const Demo3 = (props) => {
+const DistanceQuickFilter = (props) => {
   const {
     cityOptions,
     quickOptions,
@@ -49,6 +49,7 @@ const Demo3 = (props) => {
   };
 
   return (
+    <View>    
     <Menu
       className={`distanceQuickFilterWrap ${filterWrapperClassName}`}
     >
@@ -105,6 +106,7 @@ const Demo3 = (props) => {
         </View>
       </Menu.Item>
     </Menu>
+    </View>
   );
 };
-export default Demo3;
+export default DistanceQuickFilter;