SliderLine滑动条

author: 闫申申

定义

滑动条组件

图片展示

SliderLine 滑动条 - 图1

代码演示

  2. import Slider from 'pile/dist/components/slider'
  3. const  {SliderLine}= Slider
  5. 默认：
  7. 分段颜色展示：
  8. <SliderLine
  9.     defaultValue={0}
  10.     min={0}
  11.     max={10}
  12.     colorStageGroup={[4]}
  13.     colorGroup={["#f44336","#31c8a4"]}
  14. />
  15. 分段颜色渐变展示：
  16. <SliderLine
  17.     defaultValue={0}
  18.     min={0}
  19.     max={10}
  20.     colorStageGroup={[4]}
  21.     colorGroup={["#f44336","#31c8a4"]}
  22.     isShading={true}
  23. />
  24. 禁止滑动：
  25. <SliderLine
  26.     defaultValue={6}
  27.     min={0}
  28.     max={10}
  29.     disabled={true}
  30. />

属性

参数 描述 数据类型 默认值
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-sliderline.html