mui.previewImage() 图片预览长按无法识别二维码

最近在项目中引用了mui的图片预览插件,但是长按预览图片时没有反应,既不能下载图片也不能识别图中的二维码,经过查看发现是mui-zoom-scroller引起的,直接贴上我的解决方法
1.修改mui.previewimage.js文件

将mui-zoom-scroller替换为mui-scroller

注意:改了mui.previewimage.js文件记得清理缓存

或者如下加一个数字

2.在引入的文件中增加以下样式

.mui-scroller {
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      -webkit-backface-visibility: hidden;
    }
    .mui-zoom {
      transform: none !important;
    }

保存即可

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值