From a19ff20988f8b01d540bf1bc7e168e80bb25b4b3 Mon Sep 17 00:00:00 2001
From: lkddi <lkddi@163.com>
Date: Thu, 26 Feb 2026 23:37:51 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E8=A1=A8=E6=83=85?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=87=92=E5=8A=A0=E8=BD=BD=20+=20=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=80=E5=89=A9=E4=BD=99=20.GIF=20=E5=BC=95=E7=94=A8?=
 =?UTF-8?q?=E4=B8=BA=20.gif?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 贴图面板使用 data-src 懒加载，切换到贴图 Tab 时才加载图片
- 避免页面刷新时发起 50 个表情图片请求
- 统一 frame.blade.php 和 scripts.blade.php 中残余的 .GIF 大写引用
---
 resources/views/chat/partials/right-panel.blade.php | 4 ++--
 resources/views/chat/partials/scripts.blade.php     | 7 +++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/resources/views/chat/partials/right-panel.blade.php b/resources/views/chat/partials/right-panel.blade.php
index 49ee52d..3df09dd 100644
--- a/resources/views/chat/partials/right-panel.blade.php
+++ b/resources/views/chat/partials/right-panel.blade.php
@@ -61,11 +61,11 @@
         </div>
     </div>
 
-    {{-- 贴图面板 --}}
+    {{-- 贴图面板（懒加载：切换到该 Tab 时才加载图片） --}}
     <div class="user-list-content" id="panel-emoji" style="display: none; padding: 6px;">
         <div style="display: flex; flex-wrap: wrap; gap: 2px; justify-content: center;">
             @for ($i = 1; $i <= 50; $i++)
-                <img src="/images/emoji/{{ $i }}.gif" width="24" height="24"
+                <img data-src="/images/emoji/{{ $i }}.gif" width="24" height="24"
                     style="cursor: pointer; border: 1px solid transparent; border-radius: 2px;"
                     onmouseover="this.style.borderColor='#336699'" onmouseout="this.style.borderColor='transparent'"
                     onclick="insertEmoji('[IMG]{{ $i }}[/IMG]')" title="表情{{ $i }}"
diff --git a/resources/views/chat/partials/scripts.blade.php b/resources/views/chat/partials/scripts.blade.php
index 86a1247..4cede0d 100644
--- a/resources/views/chat/partials/scripts.blade.php
+++ b/resources/views/chat/partials/scripts.blade.php
@@ -31,6 +31,13 @@
             document.getElementById('panel-' + t).style.display = t === tab ? 'block' : 'none';
             document.getElementById('tab-' + t).classList.toggle('active', t === tab);
         });
+        // 贴图 Tab 懒加载：首次切换时将 data-src 赋值到 src
+        if (tab === 'emoji') {
+            document.querySelectorAll('#panel-emoji img[data-src]').forEach(img => {
+                img.src = img.dataset.src;
+                img.removeAttribute('data-src');
+            });
+        }
     }
 
     // ── 分屏切换 ──────────────────────────────────────