迁移聊天图片预览事件到Vite模块

2026-04-25 03:36:30 +08:00
parent f1d8d20180
commit 2f246f9112
4 changed files with 50 additions and 9 deletions
@@ -186,15 +186,15 @@
    {{-- 聊天图片大图预览层 --}}
    <div id="chat-image-lightbox"
        style="display:none; position:fixed; inset:0; z-index:10020; background:rgba(15,23,42,.86); backdrop-filter:blur(4px);"
-        onclick="closeChatImageLightbox(event)">
+        data-chat-image-lightbox-close>
        <div
            style="position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:32px;"
-            onclick="closeChatImageLightbox(event)">
+            data-chat-image-lightbox-close>
            <img id="chat-image-lightbox-img" src="" alt="聊天图片预览"
-                onclick="event.stopPropagation()"
+                data-chat-image-lightbox-image
                style="max-width:92vw; max-height:86vh; border-radius:12px; box-shadow:0 18px 50px rgba(0,0,0,.45);">
        </div>
-        <button type="button" onclick="closeChatImageLightbox(event)"
+        <button type="button" data-chat-image-lightbox-close
            style="position:absolute; top:20px; right:24px; z-index:10021; border:none; background:transparent; color:#fff; font-size:34px; cursor:pointer;">&times;</button>
        <div id="chat-image-lightbox-name"
            style="position:absolute; left:50%; bottom:24px; transform:translateX(-50%); z-index:10021; max-width:88vw; color:#e2e8f0; font-size:12px; text-align:center; word-break:break-all;">