列表综合筛选

src/components/Range/index.tsx

@@ -1,7 +1,9 @@
 import React, { useState, useEffect, useMemo } from "react";
+import { View, Text, Image } from "@tarojs/components";
 import { Range } from "@nutui/nutui-react-taro";
 import styles from "./index.module.scss";
 import TitleComponent from "../Title";
+import img from "../../config/images";
 
 interface RangeProps {
   min?: number;
@@ -25,9 +27,8 @@ const NtrpRange: React.FC<RangeProps> = ({
   name,
 }) => {
   const [currentValue, setCurrentValue] = useState<[number, number]>(value);
-console.log('===currentValue', currentValue)
+
   useEffect(() => {
-    console.log('===rrr', value)
     value && setCurrentValue(value);
   }, [JSON.stringify(value || [])]);
 
@@ -55,7 +56,10 @@ console.log('===currentValue', currentValue)
   return (
     <div className={`${styles.nutRange} ${className ? className : ""} `}>
       <div className={styles.nutRangeHeader}>
-        <TitleComponent title="NTRP水平区间" />
+        <TitleComponent
+          title="NTRP水平区间"
+          icon={<Image src={img.ICON_PLAY} />}
+        />
         <p className={styles.nutRangeHeaderContent}>{rangContent}</p>
       </div>
 
@@ -69,6 +73,7 @@ console.log('===currentValue', currentValue)
             step={step}
             value={currentValue}
             onEnd={handleChange}
+            onChange={handleChange}
             disabled={disabled}
             defaultValue={[min, max]}
             className={styles.rangeHandle}