首页 > PHP资讯 > 工具库 > 微信小程序教程之wxapp视图容器swiper

微信小程序教程之wxapp视图容器swiper

工具库
微信小程序视图容器:swiper

滑动面板

滑动面板


注意:其中只可放置swiper-item组件,其他节点会被自动删除

swiper-item

仅可放置在swiper组件中,宽高自动设置为100%

示例代码:

       interval durationPage({ data: { imgUrls: [  'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',  'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg',  'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg' ], indicatorDots: false, autoplay: false, interval: 5000, duration: 1000 }, changeIndicatorDots: function(e) { this.setData({  indicatorDots: !this.data.indicatorDots }) }, changeAutoplay: function(e) { this.setData({  autoplay: !this.data.autoplay }) }, intervalChange: function(e) { this.setData({  interval: e.detail.value }) }, durationChange: function(e) { this.setData({  duration: e.detail.value }) }})

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

更多微信小程序 教程之wxapp视图容器 swiper相关文章请关注PHP中文网!

工具库

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持29不支持0