<swiper class="index-adcs-sqiper"
indicator-dots="{{indicatorDots}}"
interval="{{interval}}"
duration="{{duration}}"
circular="{{circular}}"
style="width:100%;height:{{advHeight}}rpx;" >
<block wx:for="{{goods.thumbs}}" wx:for-index="idx" wx:for-item="item" wx:key="thumb_key">
<swiper-item >
<image bindload="{{idx == 0 ? 'imageLoad' : ''}}" src="{{item}}" class="goodsadvimg " data-src='{{item}}' data-list='{{goods.thumbs}}' bindtap="previewImage"></image>
</swiper-item>
</block>
</swiper>
image标签中的 data-src='{{item}}' data-list='{{goods.thumbs}}' bindtap="previewImage" 是解决轮播图片可点击放大的解决代码。
参见微信小程序中的图片预览api~
previewImage:function(e){
var current=e.target.dataset.src;
var imgList=e.target.dataset.list
console.log(123,e,imgList,current)
//图片预览
wx.previewImage({
current: current, // 当前显示图片的http链接
urls: imgList // 需要预览的图片http链接列表
})
},
网友评论