SliderLine 滑动条
优质
小牛编辑
126浏览
2023-12-01
定义
滑动条组件
图片展示
代码演示
import Slider from 'pile/dist/components/slider'
const {SliderLine}= Slider
默认:
分段颜色展示:
<SliderLine
defaultValue={0}
min={0}
max={10}
colorStageGroup={[4]}
colorGroup={["#f44336","#31c8a4"]}
/>
分段颜色渐变展示:
<SliderLine
defaultValue={0}
min={0}
max={10}
colorStageGroup={[4]}
colorGroup={["#f44336","#31c8a4"]}
isShading={true}
/>
禁止滑动:
<SliderLine
defaultValue={6}
min={0}
max={10}
disabled={true}
/>
属性
参数 | 描述 | 数据类型 | 默认值 |
---|---|---|---|
defaultValue | 默认数值 | number | 0 |
min | 最小值 | number | 0 |
max | 最大值 | number | 10 |
disabled | 禁用状态 ,值为 true禁用滑动 | bool | false |
upChangeBack | 滑动回调函数 | function | null |
titleBefore | 标题前半部分(以数值为分界点)Sliders组件独有 | string | 自定义标题前 |
titleAfter | 标题后半部分(以数值为分界点)Sliders组件独有 | string | 自定义标题后 |