微信小程序-轮播图实现

好久不见,今天小h来分享一下如何实现一个微信小程序的轮播图实现方式:

前提条件是具有微信开发者工具,还有对应的开发者ID,这些基础条件我这边就直接跳过了哈,直接进入正题:

1、首先需要创建对应的Swiper:

如图所示, 需要创建对应的swiper,并且设置相关属性,具体包括如下:

一般我们使用这几个属性比较多,可以直接在xml中设置,也可以设置为取值方式,从js文件中读取。

2、在js文件中初始化对应的image数组,还有其他相应的变量值:

3、设置对应的xss属性:

 

这里我这边只是简单设置了一下,为了演示清楚,设置后就可以看到轮播图了:

如有疑问,欢迎来评论区讨论,end。

by/小h 

 

 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值