支付宝小程序表单组件 滑动选择器·Slider
支付宝小程序滑动选择器(Slider)。
API
属性名 | 类型 | 默认值 | 描述 |
---|---|---|---|
name | String | - | 输入控件名字,用于表单提交获取数据 |
min | Number | 0 | 最小值 |
max | Number | 100 | 最大值 |
step | Number | 1 | 步长,值必须大于 0,并可被(max - min)整除 |
disabled | Boolean | false | 是否禁用 |
value | Number | 0 | 当前取值 |
show-value | Boolean | false | 是否显示当前 value |
activeColor | String | - | 已选择的颜色 |
backgroundColor | String | - | 背景条的颜色 |
trackSize | Number | - | 轨道线条高度 |
handleSize | Number | - | 滑块大小 |
handleColor | String | - | 滑块填充色 |
onChange | EventHandle | - | 完成一次拖动后触发的事件,event.detail = {value: value} |
示例
设置step
显示当前value
设置最小/最大值
自定义样式
Page({
sliderChange(e)
console.log('slider change,值:', e.detail.value)
})