您的位置:宽带测速网 > 网络知识 > 小程序如何设置页面的轮播图

小程序如何设置页面的轮播图

2025-06-17 10:07来源:互联网 [ ]

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