时间:2022-12-06 01:51
小程序页面图片点击放大的案例:
1.在wxml文件里添加点击事件,代码:
<imageclass='img'src='{{imgUrl}}'bindtap='clickImg'></image>
2.根据wxml里的clickImg事件,创建一个点击事件,代码:
data:{imgUrl:'/images/img.jpg'//图片路径
},
//点击事件
clickImg:function(e){
varimgUrl=this.data.imgUrl;
wx.previewImage({
urls:[imgUrl],//需要预览的图片http链接列表,注意是数组
current:'',//当前显示图片的http链接,默认是第一个
success:function(res){},
fail:function(res){},
complete:function(res){},
})
},