Sliders滑动条

author: 闫申申

定义

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

图片展示

Sliders 滑动条 - 图1

代码演示

  2. import Slider from 'pile/dist/components/slider'
  3. const  {Sliders}= Slider
  5. 滑动 纯色：
  6. <Sliders
  7.     upChangeBack={slidecb}
  8.     defaultValue={4}
  9.     min={0}
  10.     max={10}
  11.     titleBefore="自定义标题前 "
  12.     titleAfter=" 自定义标题后"
  13. />
  14. 分段颜色展示：
  15. <Sliders
  16.     upChangeBack={slidecb}  
  17.     colorStageGroup={[4]}
  18.     colorGroup={["#f44336","#31c8a4"]}  
  19.     defaultValue={4}
  20.     min={0}
  21.     max={10}
  22.     titleBefore="自定义标题前 "
  23.     titleAfter=" 自定义标题后"
  24. />
  25. 禁止滑动：
  26. <Sliders
  27.     defaultValue={6}
  28.     min={0}
  29.     max={10}
  30.     disabled={true}  
  31.     titleBefore=""
  32.     titleAfter=""
  33. />

属性

参数 描述 数据类型 默认值
defaultValue 默认数值 number 0
min 最小值 number 0
max 最大值 number 10
disabled 禁用状态 ,值为 true禁用滑动 bool false
upChangeBack 滑动回调函数 function null
titleBefore 标题前半部分（以数值为分界点）Sliders组件独有 string 自定义标题前
titleAfter 标题后半部分（以数值为分界点）Sliders组件独有 string 自定义标题后

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-slider-sliders.html