微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

微信小程序 开发之滑块视图容器(swiper)详解及实例代码

微信小程序 开发之滑块视图容器详解

实现效果图:

这里写图片描述

实现起来特别简单,看看代码是怎么写的呢:

rush:js;"> utoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> imgurls}}" wx:for-index="index">

这就是布局了,看一下js里面代码

rush:js;"> Page({ 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'],indcatorDots: true,autoplay: true,interval: 5000,duration: 500 },

,swiper有以下一些常用属性

这里写图片描述

标记的两个属性暂时不管。

注意

:其中只可放置组件,否则会导致未定义的行为。

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

就是这样,自己动手试试。

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。