预览关闭按钮不明显
解决方式:
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();}});