小程序制作banner轮播图
1.进入微信开发者工具,打开小程序文件目录;
2.在文件目录中,依次查找:test/test.wxml文件;
3.打开test.wxml文件,使用swiper标签来包裹轮播图片,代码如下:
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="true">
<block wx:for="{{arr}}">
<swiper-item>
<image src="{{item}}" class="slide-image" width="355" height="150"/>
</swiper-item>
</block>
</swiper>
4.最后,在app.js文件中设置循环即可;
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
推荐阅读:小程序如何设置页面的标题