这篇文章主要介绍了 微信小程序(二十)slider组件详细介绍的相关资料,需要的朋友可以参考下
slider滑动组件用的不太多,在其他平台反正我是用的不多
主要属性:
wxml
<slider
max="100"
step="10"
show-value="true"
bindchange="listenerslider"
/>
js
page({
data:{
// text:"这是一个页面"
},
/**
* 监听slider
*/
listenerslider:function(e) {
//获取滑动后的值
console.log(e.detail.value);
},
onload:function(options){
// 页面初始化 options为页面跳转所带来的参数
},
onready:function(){
// 页面渲染完成
},
onshow:function(){
// 页面显示
},
onhide:function(){
// 页面隐藏
},
onunload:function(){
// 页面关闭
}
})
更多微信小程序 slider组件详细介绍。
相关文章:
实例帮助你了解html5滑动区域选择元素slider element
hwslider-内容滑动切换效果(一)
hwslider-内容滑动切换效果(二):响应式可触控滑动