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