微信小程序幻灯片代码

1.index.wxml文件

<!–index.wxml–>

<swiper indicator-dots=”{{indicatorDots}}”
autoplay=”{{autoplay}}” interval=”{{interval}}” duration=”{{duration}}”>
<block wx:for=”{{imgUrls}}”>
<swiper-item>
<image src=”{{item}}” class=”slide-image” width=”355″ height=”350″/>
</swiper-item>
</block>
</swiper>

—————————-

2.index.js 文件

微信小程序幻灯片代码

//index.js
//获取应用实例
var app = getApp()
Page({
data: {
imgUrls: [
‘../img/a1.jpg‘,
‘../img/a2.jpg‘,
‘../img/a3.jpg‘
],
indicatorDots: true,
autoplay: true,
interval: 5000,
duration: 1000
},

—————————-

 

还有不明白的可以看:开发文档