微信小程序 swiper组件详解及实例代码

前端之家收集整理的这篇文章主要介绍了微信小程序 swiper组件详解及实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

微信小程序 swiper组件

常用属性

@H_301_6@

效果图:

swiper.wxml添加代码

自动切换时间间隔

js:

显示面板指示点 changeIndicatorDots: function(e) { this.setData({ indicatorDots: !this.data.indicatorDots }) },//是否自动切换 changeAutoplay: function(e) { this.setData({ autoplay: !this.data.autoplay }) },//自动切换时间间隔 intervalChange: function(e) { this.setData({ // e.detail.value获取slider的值 interval: e.detail.value }) },//滑动动画时长 durationChange: function(e) { this.setData({ duration: e.detail.value }) },//当页面改变是会触发 bindchangeTag:function(e){ console.log("bindchangeTag...") },onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 },onReady:function(){ // 页面渲染完成 },onShow:function(){ // 页面显示 },onHide:function(){ // 页面隐藏 },onUnload:function(){ // 页面关闭 } })

css:

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

原文链接:https://www.f2er.com/weapp/44914.html

猜你在找的微信小程序相关文章