应用中最常见的就是轮播图了,今儿个就讲讲微信小程序中轮播图的使用
轮播图,不外乎俩个要素,跳转链接 和 图片地址
1. 设置数据
我在 pages/test/test.js中添加如下数据
//test.js
//获取应用实例
var app = getApp()
Page({
data: {
imgUrls: [
{
link:'/pages/index/index',
url:'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg'
},{
link:'/pages/logs/logs',
url:'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg'
},{
link:'/pages/test/test',
url:'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg'
}
],
indicatorDots: true,
autoplay: true,
interval: 5000,
duration: 1000,
userInfo: {}
},
onLoad