From 991a970d6a09b8d53372c22286238f9014dd76e2 Mon Sep 17 00:00:00 2001
From: ccnetcore <cc2016cc>
Date: Sun, 20 Jul 2025 16:40:54 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=AE=8C=E6=88=90=E8=BF=9B=E5=BA=A6?=
 =?UTF-8?q?=E6=9D=A1=E5=8A=A0=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Ai.Vue3/index.html  | 23 +++++++++++++++--------
 Yi.Ai.Vue3/src/App.vue | 26 +++++++++++++++++++++++++-
 Yi.Ai.Vue3/src/main.ts |  4 ----
 3 files changed, 40 insertions(+), 13 deletions(-)
diff --git a/Yi.Ai.Vue3/index.html b/Yi.Ai.Vue3/index.html
index bb9bd8aa..43aeaec0 100644
--- a/Yi.Ai.Vue3/index.html
+++ b/Yi.Ai.Vue3/index.html
@@ -16,6 +16,9 @@
   <title>%VITE_WEB_TITLE%</title>
   <meta name="viewport"
         content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
+
+
+
 </head>
 
 <body>
@@ -33,8 +36,8 @@
 </div>
 
 <div id="app"></div>
-<script type="module" src="/src/main.ts"></script>
-</body>
+
+
 <style>
   /* 全局样式 */
   * {
@@ -124,7 +127,7 @@
 </style>
 <script>
   // 加载动画逻辑
-  document.addEventListener('DOMContentLoaded', function () {
+  // document.addEventListener('DOMContentLoaded', function () {
     const loader = document.getElementById('loader');
     const progressBar = document.getElementById('progress-bar');
     const progressText = document.getElementById('progress-text');
@@ -133,7 +136,7 @@
     let loadingInterval = null;
     let isVueReady = false;
 
-    // 注册全局事件监听器，用于接收Vue的加载完成信号
+    // 注册全局事件监听器，用于接收Vue的加载完成信号（生产环境没有用，所以放到app.vue处理）
     window.addEventListener('vue-ready', function () {
       isVueReady = true;
       completeLoading();
@@ -158,12 +161,12 @@
 
         // 如果进度达到95%或者Vue已经准备好
         if (isVueReady) {
-          progress = 100;
+          // progress = 100;
           clearInterval(loadingInterval);
           completeLoading();
         }
 
-        updateProgress(progress);
+        // updateProgress(progress);
       }, intervalTime);
     }
 
@@ -187,7 +190,7 @@
     // 完成加载并隐藏动画
     function completeLoading() {
       // 确保进度是100%
-      updateProgress(100);
+      // updateProgress(100);
 
       // 淡出加载动画
       setTimeout(() => {
@@ -200,6 +203,10 @@
 
     // 启动加载动画
     startLoading();
-  });
+  // });
 </script>
+
+<script type="module" src="/src/main.ts"></script>
+</body>
+
 </html>
diff --git a/Yi.Ai.Vue3/src/App.vue b/Yi.Ai.Vue3/src/App.vue
index 1e70e32c..4006bc6b 100644
--- a/Yi.Ai.Vue3/src/App.vue
+++ b/Yi.Ai.Vue3/src/App.vue
@@ -1,4 +1,28 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+onMounted(() => {
+  // completeLoading();
+  // const event = new Event('vue-ready');
+  // window.dispatchEvent(event);
+  completeLoading();
+});
+
+// 完成加载并隐藏动画
+function completeLoading() {
+  const loader = document.getElementById('loader');
+  const progressBar = document.getElementById('progress-bar');
+  const progressText = document.getElementById('progress-text');
+  // 确保进度是100%
+  progressBar!.style.width = `${100}%`;
+  progressText!.textContent = `${Math.round(100)}%`;
+  // 淡出加载动画
+  setTimeout(() => {
+    //loader!.style.opacity = '100';
+    setTimeout(() => {
+      loader!.style.display = 'none';
+    }, 500);
+  }, 300);
+}
+</script>
 
 <template>
   <router-view />
diff --git a/Yi.Ai.Vue3/src/main.ts b/Yi.Ai.Vue3/src/main.ts
index e4823c41..245d4308 100644
--- a/Yi.Ai.Vue3/src/main.ts
+++ b/Yi.Ai.Vue3/src/main.ts
@@ -12,10 +12,6 @@ import 'element-plus/dist/index.css';
 // SVG插件配置
 import 'virtual:svg-icons-register';
 
-// 去除加载动画
-const event = new Event('vue-ready');
-window.dispatchEvent(event);
-
 const app = createApp(App);
 
 app.use(router);
