//index.js
//获取应用实例
const app = getApp()
var dotsFirst = true;
var isCircularFirst = true;
var isVerticalFirst = true;
Page({
data: {
isCircular: true,//默认衔接滑动
interval: 3000,//默认自动切换时间间隔
duration: 1000,//默认滑动动画时长
imgUrls: [
'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',
'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg',
'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg'
],
},
onLoad: function () {
},
//显示/隐藏指示器
showDots: function () {
if (dotsFirst == true) {
dotsFirst = false;
this.setData({
indicatorDots: true,
});
} else {
dotsFirst = true;
this.setData({
indicatorDots: false,
});
}
},
//设置，取消衔接滑动
showCircular: function () {
if (isCircularFirst == true) {
isCircularFirst = false;
this.setData({
isCircular: true,
});
} else {
isCircularFirst = true;
this.setData({
isCircular: false,
});
}
},
//设置，取消滑动方向是否为纵向
showVertical: function () {
if (isVerticalFirst == true) {
isVerticalFirst = false;
this.setData({
vertical: true,
});
} else {
isVerticalFirst = true;
this.setData({
vertical: false,
});
}
},
//设置指示器颜色事件
icInput: function (e) {
this.setData({
indicatorColor: e.detail.value
})
},
//设置自动切换时间的间隔事件
iInput: function (e) {
this.setData({
interval: e.detail.value
})
},
//设置自动切换时间的间隔事件
dInput: function (e) {
this.setData({
duration: e.detail.value
})
},
//设置当前选中的指示点颜色事件
iacInput: function (e) {
this.setData({
indicatorActiveColor: e.detail.value
})
},
})
微信小程序swiper(实现轮播图效果)
需积分: 50 140 浏览量
2017-12-14
15:45:24
上传
评论
收藏 6KB ZIP 举报
wxSwiperDemo.zip （12个子文件） 
wxSwiperDemo 
project.config.json 458B pages logs logs.wxml 173B logs.json 52B logs.wxss 106B logs.js 261B index index.wxss 251B index.wxml 2KB index.js 2KB utils util.js 472B app.js 1KB app.json 239B app.wxss 194B资源评论
