Question

定义

滑动条组件

图片展示

代码演示

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	自定义标题后