天天看点

​微信小程序实现banner轮播图

一:准备工作

准备轮播的两张图。

​微信小程序实现banner轮播图

二:编写xsml代码(即html)

在这里我们要是用<swiper></swiper>标签来进行包裹,他有如下属性:

​微信小程序实现banner轮播图
​微信小程序实现banner轮播图

这些属性足够我们使用,我们为了是xsml页面简洁,所以我在这里使用了for循环,将使用到的资源放进js中进行循环。而且为了使数据可进行双向绑定,所以他的属性值我打算放到js中进行配置。我的xsml代码如下:

1

2

3

4

5

6

7

8

<

swiper

indicator-dots="{ {indicatorDots}}" 

autoplay=&#

继续阅读