在axml文件中寫入代碼
<view class="campus-img">
<block a:for="{{imgarr}}">
<image src="{{item}}" mode="scaleToFill" onTap="imgYu" data-list="{{imgarr}}" data-src="{{item}}" />
</block>
</view>
在js文件中寫入代碼
Page({
data: {
img_title: "風采",
imgarr: ['../../images/xiaoyuanfengcai.png', '../../images/xiaoyuanfengcai.png', '../../images/xiaoyuanfengcai.png']
},
onLoad(query) {
},
imgYu(event){//圖片點擊事件
var src = event.currentTarget.dataset.src;//獲取data-src
var imgList = event.currentTarget.dataset.list;//獲取data-list
//圖片預覽
my.previewImage({
current: src, // 當前顯示圖片的http鏈接
urls: imgList // 需要預覽的圖片http鏈接列表
})
},
});