Home

Awesome

uni-app-range-slider

uni-app 区间选择滑块

说明:目前支持平台有APP、微信小程序、H5,其他平台理论上支持。

效果图:

效果图

range-slider属性

属性名类型默认值说明
widthNumber750组件宽度(rpx)
heightNumber100组件高度(rpx)
block-sizeNumber50滑块大小(rpx)
bar-heightNumber10进度条高度(rpx)
background-colorString#e9e9e9进度条背景色
active-colorString#1aad19已选择的颜色
minNumber0最小值
maxNumber100最大值
valuesArray[0,100]当前区间值
stepNumber1步长值
liveModeBooleantrue是否即时刷新数值,默认true
@rangechangeEventHandle完成一次拖动后触发的事件,event.detail = {minValue: value1,maxValue:value2, originalValue:value3}

tips:

修改自:https://github.com/Money888/wechat-rangeslider


更新历史说明:

v1.0.11(20200110)

v1.0.10(20200102)

v1.0.9(20190823)

v1.0.8(20190719)

v1.0.7(20190604)

v1.0.6(20190521)

v1.0.5(20190417)

v1.0.4(20190326)

v1.0.3(20190322)

v1.0.2(20190306)

v1.0.1

v1.0.0