美文网首页
实现微信图片放大的效果

实现微信图片放大的效果

作者: Wo信你个鬼 | 来源:发表于2019-05-01 11:38 被阅读0次

    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链接列表  
        })
      },
    
    

    相关文章

      网友评论

          本文标题:实现微信图片放大的效果

          本文链接:https://www.haomeiwen.com/subject/utvinqtx.html