PHP前端开发

微信开发之slider详解及实例代码

百变鹏仔 3周前 (03-12) #前端问答
文章标签 详解

这篇文章主要介绍了微信小程序 slider 详解及实例代码的相关资料,需要的朋友可以参考下

实现效果图:

滑动选择器

属性名类型默认值说明
minNumber0最小值
maxNumber100最大值
stepNumber1步长,取值必须大于 0,并且可被 (max - min) 整除
disabledBooleanfalse是否禁用
valueNumber0当前取值
show-valueBooleanfalse是否显示当前value
bindchangeEventHandle 完成一次拖动后触发的事件,event.detail = {value:value}

示例代码:

<view> <text>设置left/right icon</text> <view> <slider></slider> </view></view><view> <text>设置step</text> <view> <slider></slider> </view></view><view> <text>显示当前value</text> <view> <slider></slider> </view></view><view> <text>设置最小/最大值</text> <view> <slider></slider> </view></view>
var pageData = {}for(var i = 1; i <p>【