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

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

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

了解更多小程序如何设置页面的轮播图相关的解答,就上多想派(www.duoxiangpai.com)。

本文章由用户飞秒生活分享,版权归原作者,如侵犯,请联系(点这里联系),经核实,我们将第一时间删除。如若转载,请注明出处:https://www.duoxiangpai.com/64737.html

(0)

相关推荐