修复登录界面首次进入加载背景异常

2025-08-22 22:02:00 +08:00
parent 799cc4277f
commit de0bb288ec
8 changed files with 53 additions and 54 deletions
--- a/mail-vue/index.html
+++ b/mail-vue/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" class="dark">
+<html lang="en">
 <head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
@@ -7,6 +7,15 @@
  <link rel="icon" href="./src/assets/favicon.svg" type="image/svg+xml">
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
  <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
+  <script>
+    const uiStoreStr =  localStorage.getItem('ui')
+    if (uiStoreStr) {
+      const uiStore =  JSON.parse(uiStoreStr)
+      const root = document.documentElement
+      root.style.background = uiStore.dark ? '#141414' : '#FFFFFF'
+      root.setAttribute('class', uiStore.dark ? 'dark' : '');
+    }
+  </script>
 </head>
 <style>

@@ -20,6 +29,7 @@
    justify-content: center;
    align-items: center;
    z-index: 500;
+    background: var(--el-bg-color);
  }

  .loading-icon {
@@ -33,7 +43,6 @@
    height: 30px;
    width: 30px;
    animation: loading-rotate 1s linear infinite;
-    fill: transparent !important;
  }

  .loading-path .dot1 {
@@ -93,14 +102,6 @@
  </div>
 </div>
 <div id="app"></div>
-<script>
-  const uiStoreStr =  localStorage.getItem('ui')
-  if (uiStoreStr) {
-    const uiStore =  JSON.parse(uiStoreStr)
-    const doc = document.querySelector('#loading-first')
-    doc.style.background = uiStore.dark ? '#141414' : '#FFFFFF'
-  }
-</script>
 <script type="module" src="/src/main.js"></script>
 </body>
 </html>