不说这么多,直接上代码
<swiper class="swiper-block" previous-margin="90rpx" next-margin="90rpx" autoplay="{{yearOutoplay}}" current="0" circular='true' bindchange="yearSwiperChange" > <block wx:for="{{yearimgUrls}}" wx:index="{{index}}" wx:key=''> <swiper-item class="swiper-item"> <image mode="aspectFill" src="{{item.url}}" class="slide-image {{swiperCurrent == index ? 'active' : ''}}"/> </swiper-item> </block> </swiper>
swiperCurrent: 0, yearOutoplay:false, yearimgUrls: [ { url:'../../images/banner.jpg', }, { url:'../../images/banner.jpg', }, { url:'../../images/banner.jpg', }, ],
yearSwiperChange(e) {
let current = e.detail.current;
let that = this;
that.setData({
swiperCurrent: current,
})
},