微信小程序幻灯片代码

时间:2017-08-30 20:51:05   收藏:0   阅读:764

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

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

 

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

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!