微信小程序-轮播图实现

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

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

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

微信小程序-轮播图实现_第1张图片

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

微信小程序-轮播图实现_第2张图片

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

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

微信小程序-轮播图实现_第3张图片3、设置对应的xss属性:

微信小程序-轮播图实现_第4张图片 

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

微信小程序-轮播图实现_第5张图片

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

by/小h 

 

 

你可能感兴趣的:(小程序,微信,小程序)