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

时间:2022-12-06 01:21

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

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


标签:
随便看看
本类推荐
本类排行
热门标签

我国国家通讯社行不行啊细狗新年贺词祝福语2023年祝福语新年新年贺词新年贺词祝福语居家抗病毒小药箱除夕高速免费吗2022年除夕高速免费吗春联春联句子大全春联句子大全七字年夜饭十二道菜年夜饭十二道菜单年夜饭吃什么年夜饭吃什么菜吃年夜饭的寓意年夜饭黑芝麻菊花茶晒菊花茶腌腊肉送妈妈生日礼物汉白玉送闺蜜水钻送女人礼物爸爸生日送礼物送老公