最近,我在使用EL-Image组件时遇到了一个问题,即单击图片的预览。页面上的滚动条没有消失,这意味着可以通过滚筒缩小图片预览。
我们都知道,滚动条是由Overflow:auto实现的,我在新文件中尝试了以下EL-Image预览效果。
但是,在框架中使用时不会添加它
这可能是兼容性的问题
1.通过单击图片来添加溢出:隐藏的样式以关闭页面的滑动;
2.将单击事件添加到蒙版层中的封闭按钮,然后删除身体的第二个样式
通过开发人员工具在掩码层中获取图标的类名称
最后写一个点击事件
还行吧
原来的:
https://juejin.cn/post/709489871640923847