Merge remote-tracking branch 'origin' into feature/juguohong/20250816

src/components/Range/index.module.scss

@@ -62,10 +62,13 @@
     }
 
     :global(.nut-range-tick) {
-      background: #3c3c3c;
+      background: rgba(60, 60, 67, 0.18);
       height: 4px !important;
       width: 4px !important;
     }
+    :global(.nut-range) {
+      background-color: rgba(120, 120, 120, 0.20) !important;
+    }
   }
 
   span {

src/components/Range/index.tsx

@@ -14,6 +14,7 @@ interface RangeProps {
   disabled?: boolean;
   className?: string;
   name: string;
+  showTitle?: boolean;
 }
 
 const NtrpRange: React.FC<RangeProps> = ({
@@ -25,6 +26,7 @@ const NtrpRange: React.FC<RangeProps> = ({
   disabled = false,
   className,
   name,
+  showTitle = true,
 }) => {
   const [currentValue, setCurrentValue] = useState<[number, number]>(value);
 
@@ -55,16 +57,18 @@ const NtrpRange: React.FC<RangeProps> = ({
 
   return (
     <div className={`${styles.nutRange} ${className ? className : ""} `}>
-      <div className={styles.nutRangeHeader}>
-        <TitleComponent
-          title="NTRP水平区间"
-          icon={<Image src={img.ICON_PLAY} />}
-        />
-        <p className={styles.nutRangeHeaderContent}>{rangContent}</p>
-      </div>
+      {showTitle && (
+        <div className={styles.nutRangeHeader}>
+          <TitleComponent
+            title="NTRP水平区间"
+            icon={<Image src={img.ICON_PLAY} />}
+          />
+          <p className={styles.nutRangeHeaderContent}>{rangContent}</p>
+        </div>
+      )}
 
       <div>
-        <div className={styles.rangeWrapper}>
+        <div className={`${styles.rangeWrapper} rangeContent`}>
           <span className={styles.rangeWrapperMin}>{min.toFixed(1)}</span>
           <Range
             range