微信小程序幻灯片代码

标签：blank   ref   html   play   wip   tar   ica   获取   tor   

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
},

----------------------------

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

微信小程序幻灯片代码

标签：blank   ref   html   play   wip   tar   ica   获取   tor   

原文地址：http://www.cnblogs.com/ampafang/p/7455143.html