1.声明Slider组件
Slider(options?:SliderOptions)
#可选操作
Slider({
min:0, #最小值
max:100, #最大值
value:30, #当前值
step:10, #滑动步长
style:SliderStyle.OutSet, #样式,圆球在滑动条内部或者外部(默认外部)
direction:Axis.Horizontal, #滑动条方向左小右大, 竖直状态下下大上小
reverse:false #是否反向滑动,最小最大值是否反向
})
2.添加属性
Slider({
min:0,
max:100,
value:30,
step:10,
style:SliderStyle.OutSet,
direction:Axis.Horizontal,
reverse:false
})
.width('90%') #宽
.showTips(true) #是否显示value所占滑轨的百分比
.blockColor('#36D')
.onChange(value => {
#value表示滑块当前值
})