最近在项目中引用了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;
}
保存即可