当前位置: 首页 > 文档资料 > Pile.js 中文文档 >

SliderLine 滑动条

优质
小牛编辑
113浏览
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默认数值number0
min最小值number0
max最大值number10
disabled禁用状态 ,值为 true禁用滑动boolfalse
upChangeBack滑动回调函数functionnull
titleBefore标题前半部分(以数值为分界点)Sliders组件独有string自定义标题前
titleAfter标题后半部分(以数值为分界点)Sliders组件独有string自定义标题后