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


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

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

})

},


上一篇:如何申请免费域名

下一篇:小程序页面如何分享到微信群


小程序 小程序页面
Copyright © 2002-2019 测速网 www.inhv.cn 皖ICP备2023010105号
测速城市 测速地区 测速街道 网速测试城市 网速测试地区 网速测试街道
温馨提示:部分文章图片数据来源与网络,仅供参考!版权归原作者所有,如有侵权请联系删除!

热门搜索 城市网站建设 地区网站制作 街道网页设计 大写数字 热点城市 热点地区 热点街道 热点时间 房贷计算器