小程序怎样设置页面的轮播图

小程序怎样设置页面的轮播图

小程序制作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文件中设置循环便可；

本文来源：https://www.yuntue.com/post/78960.html | 云服务器网，转载请注明出处！