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

Sliders 滑动条

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