From c208dcb2fb320e30c7cfc8e24c325d0e3a8ad891 Mon Sep 17 00:00:00 2001
From: liuwei <liuwei@wdtrgf.com.cn>
Date: Thu, 23 Apr 2026 16:09:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=90=8E=E5=8F=B0=E9=A6=96?=
 =?UTF-8?q?=E5=B1=8F=E6=97=A0=E6=A0=B7=E5=BC=8F=E9=97=AA=E7=83=81=E5=B9=B6?=
 =?UTF-8?q?=E4=BF=9D=E7=95=99=E7=A9=BA=E7=99=BD=E9=A1=B5=E5=85=9C=E5=BA=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

变更项：

- 恢复 app-container 初始 opacity 为 0，避免页面在样式未就绪时先渲染无样式内容

- 新增 DOMContentLoaded 延迟兜底脚本：若 Vue mounted 未执行则自动补加 loaded，避免整页空白

- 保持现有导航与业务逻辑不变，仅修复页面首屏加载体验
---
 admin/dashboard/templates/base.html | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/admin/dashboard/templates/base.html b/admin/dashboard/templates/base.html
index 95a8754..8c7c3a0 100644
--- a/admin/dashboard/templates/base.html
+++ b/admin/dashboard/templates/base.html
@@ -63,7 +63,7 @@
 
         .app-container {
             min-height: 100vh;
-            opacity: 1;
+            opacity: 0;
             transition: opacity .24s ease;
         }
 
@@ -1203,6 +1203,20 @@
     };
 </script>
 
+<script>
+    // 页面显示兜底逻辑：
+    // 1) 正常情况下由 Vue mounted 时给 .app-container 增加 loaded，页面平滑显示；
+    // 2) 若脚本中途报错导致 mounted 未执行，这里在 DOM 就绪后做一次延迟兜底，避免“整页空白”。
+    document.addEventListener('DOMContentLoaded', function() {
+        setTimeout(function() {
+            var app = document.querySelector('.app-container');
+            if (app && !app.classList.contains('loaded')) {
+                app.classList.add('loaded');
+            }
+        }, 1200);
+    });
+</script>
+
 {% block scripts %}{% endblock %}
 </body>
 </html>