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、实时德...
透视辅助！wpk官网下载链接，... 透视辅助！wpk官网下载链接，（wpK）竟然是真的有挂（透视）辅助软件（有挂教程）一、wpk官网下载...
透视数据！约局吧辅助器，红龙p... 透视数据！约局吧辅助器，红龙poker辅助，介绍教程（有挂教程）约局吧辅助器辅助器中分为三种模型：约...
透视辅助器！wepoker透视... 透视辅助器！wepoker透视脚本苹果版，（wepoker）本来是真的有挂（透视）辅助分析器（有挂细...
透视辅助！德普之星透视辅助软件... 透视辅助！德普之星透视辅助软件激活码， （德普）本来有挂（透视）透视辅助软件激活码（有挂解密）；1、...
透视辅助！wpk透视是真的假的... 透视辅助！wpk透视是真的假的，（wpK）好像真的有挂（透视）免费辅助（有挂详情）；1）wpk透视是...
透视底牌！wepoker高级辅... 透视底牌！wepoker高级辅助，（WEPOKER）果然是有挂（透视）买脚本靠谱（有挂攻略）1、让任...
透视有挂！佛手在线大菠萝为什么... 透视有挂！佛手在线大菠萝为什么都输，佛手大菠萝辅助，揭秘教程（有挂详情）；1）佛手在线大菠萝为什么都...
透视辅助！wpk辅助哪里买，（... 透视辅助！wpk辅助哪里买，（wpK）原来真的有挂（透视）透视插件（有挂内幕）1、下载好wpk辅助哪...
透视安装！德普辅助软件， （德... 透视安装！德普辅助软件， （德普）切实真的有挂（透视）私人局辅助免费（有挂细节）；1、许多玩家不知道...