fix: 消除跨模块跳转的整页白闪（issue #131）

五个带 Sider 的模块页 head 内联首屏底色（左 208px #001529 深 + 内容区 #f0f2f5），外部 CSS 加载前的解析期画布即为最终布局底色，深色 Sider 区域不再白闪（FOUC）；窄屏媒体查询下保持纯灰底
2026-08-05 17:43:36 +08:00
parent 870dbb9ce5
commit 65d3b0952f
5 changed files with 20 additions and 0 deletions
@@ -3,6 +3,10 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<!-- 首屏防闪（issue #131）：跨页跳转时外部 CSS 未到的瞬间，
+     先用与最终布局一致的底色铺满画布（左 Sider 深色 + 内容区灰），
+     消除深色 Sider 区域的白闪（FOUC）。 -->
+<style>html{background:#f0f2f5}@media (min-width:721px){html{background:linear-gradient(90deg,#001529 208px,#f0f2f5 208px)}}</style>
 <title>iAOP 配置化驾驶舱</title>
 <link rel="stylesheet" href="cockpit.css">
 <link rel="stylesheet" href="../shared/pro.css">