KSlider

滑动选择器。

使用指南

  1. import { KSlider } from 'kbone-ui'

示例

  1. <KSlider :show-value="true" />

Slider

KSlider - 图1

使用参数

H5小程序属性类型默认值必填说明
oominnumber0最小值
oomaxnumber100最大值
oostepnumber1步长,取值必须大于 0,并且可被(max - min)整除
odisabledbooleanfalse是否禁用
oovalue/v-modelnumber0当前取值
ocolorcolor#e9e9e9背景条的颜色(请使用 backgroundColor)
oselected-colorcolor#1aad19已选择的颜色(请使用 activeColor)
oactiveColorcolor#1aad19已选择的颜色
obackgroundColorcolor#e9e9e9背景条的颜色
oblock-sizenumber28滑块的大小,取值范围为 12 - 28
oblock-colorcolor#ffffff滑块的颜色
ooshow-valuebooleanfalse是否显示当前 value
oobindchangeeventhandle完成一次拖动后触发的事件,event.detail = {value},在 kbone-ui 中,推荐直接通过 v-model 来获取,在 H5 中暂不支持 event.detail.value 属性
oobindchangingeventhandle拖动过程中触发的事件,event.detail = {value},同上。