工单

src/utils/imgPre.js

@@ -0,0 +1,25 @@
+var modal = document.getElementById("modal");
+
+var modalImg = document.getElementById("modalImage");
+
+var images = document.querySelectorAll(".zoomable");
+
+// 遍历为每个图片元素添加事件监听器
+images.forEach(function (image) {
+    image.addEventListener("click", function () {
+        modal.style.display = "block";
+        modalImg.src = this.src;
+    });
+});
+
+var span = document.querySelector(".close");
+
+span.addEventListener("click", function () {
+    modal.style.display = "none";
+});
+
+modal.addEventListener("click", function (event) {
+    if (event.target == modal) {
+        modal.style.display = "none";
+    }
+});