From 7f918408a6bcb0f5d8324d18176d0c06a7a93f1d Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Fri, 31 Jan 2025 08:00:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8A=A0=E8=BD=BD=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E7=9A=84=E6=A0=B7=E5=BC=8F=EF=BC=8C=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?HTML=E5=92=8CCSS=E4=BB=A5=E6=94=B9=E5=96=84=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E4=BD=93=E9=AA=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html        |  7 ++++---
 public/loader.css | 14 ++------------
 src/App.vue       |  6 +++++-
 3 files changed, 11 insertions(+), 16 deletions(-)
diff --git a/index.html b/index.html
index 34c80460..d769d3eb 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en"
+  style="overflow: hidden auto; background: var(--initial-loader-bg, #fff); min-block-size: calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom));">
 
 <head>
   <meta http-equiv="pragma" content="no-cache">
@@ -31,7 +32,7 @@
   <link rel="stylesheet" type="text/css" href="/loader.css" />
 </head>
 
-<body>
+<body style="margin: 0;">
   <div id="loading-bg">
     <div class="loading-logo">
       <!-- Logo -->
@@ -156,4 +157,4 @@
   <script type="module" src="/src/main.ts"></script>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/public/loader.css b/public/loader.css
index 49b05358..5f79652e 100644
--- a/public/loader.css
+++ b/public/loader.css
@@ -1,15 +1,5 @@
-body {
-  margin: 0;
-}
-
-html {
-  overflow: hidden auto;
-  background: var(--initial-loader-bg, #fff);
-  min-block-size: calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom));
-}
-
 #loading-bg {
-  position: absolute;
+  position: fixed;
   z-index: 9999;
   display: block;
   background: var(--initial-loader-bg, #fff);
@@ -82,4 +72,4 @@ html {
     opacity: 1;
     transform: rotate(1turn);
   }
-}
+}
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 17a0d260..fa7a7197 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,6 +9,9 @@ let themeValue = localStorage.getItem('theme') || 'light'
 const autoTheme = checkPrefersColorSchemeIsDark() ? 'dark' : 'light'
 globalTheme.name.value = themeValue === 'auto' ? autoTheme : themeValue
 
+// 显示状态
+const show = ref(false)
+
 // ApexCharts 全局配置
 declare global {
   interface Window {
@@ -44,6 +47,7 @@ onMounted(() => {
     nextTick(() => {
       setTimeout(() => {
         removeEl('#loading-bg')
+        show.value = true
       }, 1500)
     })
   })
@@ -51,7 +55,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <VApp>
+  <VApp v-show="show">
     <RouterView />
   </VApp>
 </template>
