实现效果图:
滑动选择器
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
min | Number | 0 | 最小值 |
max | Number | 100 | 最大值 |
step | Number | 1 | 步长,取值必须大于 0,并且可被 (max - min) 整除 |
disabled | Boolean | false | 是否禁用 |
value | Number | 0 | 当前取值 |
show-value | Boolean | false | 是否显示当前value |
bindchange | EventHandle | 完成一次拖动后触发的事件,event.detail = {value:value} |
示例代码:
<view class=section section_gap> <text class=section__title>设置left/right icon</text> <view class=body-view> <slider bindchange=slider1change left-icon=cancel right-icon=success_no_circle/> </view> </view> <view class=section section_gap> <text class=section__title>设置step</text> <view class=body-view> <slider bindchange=slider2change step=5/> </view> </view> <view class=section section_gap> <text class=section__title>显示当前value</text> <view class=body-view> <slider bindchange=slider3change show-value/> </view> </view> <view class=section section_gap> <text class=section__title>设置最小/最大值</text> <view class=body-view> <slider bindchange=slider4change min=50 max=200 show-value/> </view> </view>
var pageData = {} for(var i = 1; i < 5; ++i) { (function (index) { pageData[`slider${index}change`] = function(e) { console.log(`slider${index}发生change事件,携带值为`, e.detail.value) } })(i); } Page(pageData)
原文地址:https://www.jb51.cc/weapp/1202184.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。