Question

定义

带展示当前数值的滑动条。

图片展示

代码演示

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