小程序页面图片怎么点击放大

时间: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){},

})

},


标签:
随便看看
本类推荐
本类排行
热门标签

我国国家通讯社行不行啊细狗新年贺词祝福语2023年祝福语新年新年贺词新年贺词祝福语居家抗病毒小药箱除夕高速免费吗2022年除夕高速免费吗春联春联句子大全春联句子大全七字年夜饭十二道菜年夜饭十二道菜单年夜饭吃什么年夜饭吃什么菜吃年夜饭的寓意年夜饭黑芝麻菊花茶晒菊花茶腌腊肉送妈妈生日礼物汉白玉送闺蜜水钻送女人礼物爸爸生日送礼物送老公