做轮播图时block中循环多个图片数组,循环哪个数组是根据页面选择的,现在会出现一种情况:比如上一数组播放到第三张,
触发页面选择事件,切换循环的图片数组,为什么切换的数组是从第二张图片开始?而不是从第一张开始循环播放?
wxml
class="photo-box" style="opacity:0.5">
if="{{potostype}}" autoplay="{{autoplay}}" interval="3000" circular="ture" indicator-dots="ture" style="height:{{Height}}">
for="{{showphotos}}" wx:key="*this">
class="image-style" src="{{item}}" mode="widthFix" bindload='imgHeight'>
js
data:{
photos1:[],
phtots2:[],
showphotos:[],
potostype:false,
shows: false,
selectDatas: ['图组一','图组二'],
indexs: 0,
}
buttonmethod:function(){
wx.previewImage({
urls: this.data.photos
})
this.setData({
imgtype : true
})
},
selectTaps() {
this.setData({
shows: !this.data.shows,
});
},
optionTaps(e) {
let that=this
let photo1=that.data.photos1
let photo2=that.data.photos2
let Indexs = e.currentTarget.dataset.index;
console.log(Indexs)
this.setData({
indexs: Indexs,
shows: !this.data.shows,
})
if (Indexs===0){
that.setData({
potostype: true,
"showphotos":photo1
});
}
else if (Indexs===1){
this.setData({
potostype: true,
"showphotos":photo2
})
}
},
你且不切换数组,跟轮播图关系不大,你的下标到了1 ,你在切换数组的时候给他置为0就好了,就是第一张