el-image预览图片点击遮盖处关闭预览
创始人
2024-12-16 20:08:00
0次

问题页面
预览关闭按钮不明显

解决方式：
1.修改按钮样式明显点：

//el-image 添加自定义类名，下文【test-image】代指 .test-image .el-icon-circle-close{  color:#fff; font-size:20px; ...改成很明显的样式 }

2.使用事件监听，监听当前遮盖mask，点击时，执行关闭按钮的事件。

       document.addEventListener("click", function (e) { 			if (e.target.className == "el-image-viewer__mask") { 				let close = document.querySelector(".el-icon-circle-close"); 				close.click(); 			} 		});

最终解决方式：
由于当前需求是在表格页面点击多个图片，升级element-ui版本即可

npm i element-ui@2.15.1 -S

上一篇：从哪里看内存外观的频率

下一篇：AI教程!德州菠萝扑克外挂透明挂辅助器透视挂(透视辅助)微扑克钻石能提高胜率(2021已更新)(哔哩哔哩)

相关内容

热门资讯

一分钟了解！创思维辅助器（辅助... 一分钟了解！创思维辅助器（辅助挂）本来有开挂辅助神器（有挂秘籍）1、不需要AI权限，帮助你快速的进行...
安装程序教程！微信小程序微乐破... 安装程序教程！微信小程序微乐破解器，雀友会广东潮汕辅助有开挂，辅助教程（确实有挂）是一款可以让一直输...
指导大家！葫芦娃七子降妖破解版... 指导大家！葫芦娃七子降妖破解版（辅助挂）切实有开挂辅助黑科技（确实有挂）；1.葫芦娃七子降妖破解版 ...
一分钟了解！樱花之盛辅助器下载... 您好，樱花之盛辅助器下载这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家...
重大消息！闲逸免费app辅助（... 重大消息！闲逸免费app辅助（辅助挂）其实有开挂辅助平台（的确有挂）1、这是跨平台的闲逸免费app辅...
教程辅助！微乐小程序黑科技免费... 教程辅助！微乐小程序黑科技免费知乎，广东雀神麻木智能插件安装，必赢教程（新版有挂）;人气非常高，ai...
玩家爆料！广西老友玩有破解吗（... 玩家爆料！广西老友玩有破解吗（辅助挂）总是有开挂辅助软件（有挂方法）；1.广西老友玩有破解吗 ai辅...
科技通报！新荣耀平台辅助，新西... 您好，新西游大厅拼十辅助这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家...
大家学习交流！微信大厅辅助软件... 大家学习交流！微信大厅辅助软件（辅助挂）竟然有开挂辅助脚本（存在有挂）1、完成微信大厅辅助软件透视辅...
解密关于！花花生活圈辅助工具安... 解密关于！花花生活圈辅助工具安装教程（辅助挂）一向有开挂辅助挂（有挂方法）；花花生活圈辅助工具安装教...