邮件列表加载动画优化和打包拆分

2025-08-26 23:10:55 +08:00
parent de0bb288ec
commit 01cef2355d
119 changed files with 732 additions and 330 deletions
--- a/mail-vue/index.html
+++ b/mail-vue/index.html
@@ -12,13 +12,17 @@
    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>
-
+  html {
+    background: #FFFFFF;
+  }
+  .dark {
+    background: #141414;
+  }
  #loading-first {
    position: fixed;
    left: 0;
@@ -32,6 +36,12 @@
    background: var(--el-bg-color);
  }

+  .loading-hide {
+    pointer-events: none;
+    transition: all 200ms;
+    opacity: 0;
+  }
+
  .loading-icon {
    display: inline-flex;
    align-items: center;
@@ -89,7 +99,7 @@
  }
 </style>
 <body>
-<div id="loading-first">
+<div id="loading-first" >
  <div class="loading-icon">
    <svg class="circular" viewBox="0 0 20 20">
      <g class="loading-path">