小程序如何设置页面的轮播图
lewis
2018-12-12
22次阅读
小程序制作banner轮播图
1.进入微信开发者工具，打开小程序文件目录；
2.在文件目录中，依次查找：test/test.wxml文件；
3.打开test.wxml文件，使用swiper标签来包裹轮播图片，代码如下：
<swiperindicator-dots="{{indicatorDots}}"autoplay="{{autoplay}}"interval="{{interval}}"duration="{{duration}}"circular="true">
<blockwx:for="{{arr}}">
<swiper-item>
<imagesrc="{{item}}"class="slide-image"width="355"height="150"/>
</swiper-item>
</block>
</swiper>
4.最后，在app.js文件中设置循环即可；
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。