实现微信图片放大的效果

2019-05-01  本文已影响0人  Wo信你个鬼

wxml

 <image src="图片的" data-src="1" bindtap="previewImage"></image>

wxss

data: {
    imgUrls: [
      "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1556688487436&di=cf0f7808ef0e359d165b6ff5921d4882&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201705%2F06%2F20170506110009_nm4rS.jpeg"
    ],
  },
//预览图片
  previewImage(e) {
    console.log(e)
    const src = e.currentTarget.dataset.src;
    wx.previewImage({
      src: src,//当前显示图片的http链接  
      urls: this.data.imgUrls//需要预览的图片http链接列表  
    })
  },

上一篇下一篇

猜你喜欢

热点阅读