Linux 拨号vps windows公众号手机端

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

lewis 7年前 (2018-09-27) 阅读数 7 #VPS/云服务器

小程序页面图片点击放大的案例:

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

})

},


版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门