smart-UI v2.x 的slider存在缺陷

[MwM-Mai]

示例代码

Code: Select all

<Slider
              maxTrackHeight="30px"
              maxTrackRadius="15px"
              minTrackHeight="30px"
              minTrackRadius="15px"
              thumbHeight="28px"
              thumbWidth="28px"
              maxTrackColor="#f2f2f2"
              minTrackColor="#43aaff"
              min={0}
              max={100}
              step={1}
              value={env_bright}
              onAfterChange={value => dpActions.env_bright.set(value)}
            />

[muhai]

如果你想要让滑块按钮包裹在滑条内，需要设置parcel属性为true，同时thumbHeight、thumbWidth设置为number类型

Code: Select all

// @ts-nocheck

import React, { useState } from 'react';
import Slider from '@ray-js/components-ty-slider';

import React from 'react';

export default function Demo() {
  const [value, setValue] = React.useState(30);

  return (
    <Slider
      maxTrackHeight="30px"
      maxTrackRadius="15px"
      minTrackHeight="30px"
      minTrackRadius="15px"
      thumbHeight={28}
      thumbWidth={28}
      parcel
      maxTrackColor="#f2f2f2"
      minTrackColor="#43aaff"
      min={0}
      max={100}
      step={1}
      value={value}
      onAfterChange={value => setValue}
    />
  );
}