From 3b0123f2be5214275db8088f32fbde064ce3c03e Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Wed, 23 Apr 2025 08:24:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8A=A0=E8=BD=BD=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html        | 14 +-------------
 public/loader.css | 28 ++++++++--------------------
 src/App.vue       |  9 ++-------
 3 files changed, 11 insertions(+), 40 deletions(-)

diff --git a/index.html b/index.html
index dda0172f..0baa39bc 100644
--- a/index.html
+++ b/index.html
@@ -49,18 +49,6 @@
         style="fill-rule: evenodd; clip-rule: evenodd; stroke-linejoin: round; stroke-miterlimit: 2">
         <style>
           /* 添加SVG内部的动画样式 */
-          @keyframes float {
-
-            0%,
-            100% {
-              transform: translateY(0);
-            }
-
-            50% {
-              transform: translateY(-5px);
-            }
-          }
-
           @keyframes pulse {
 
             0%,
@@ -223,4 +211,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 5f777cf6..553eabc7 100644
--- a/public/loader.css
+++ b/public/loader.css
@@ -5,25 +5,28 @@
   background: var(--initial-loader-bg, #fff);
   block-size: 100vh;
   inline-size: 100vw;
-  transition: opacity 0.8s ease;
+  transition: opacity 0.8s ease, transform 0.8s ease, filter 0.8s ease;
 }
 
 .loading-logo {
   position: absolute;
   inset-block-start: 35%;
   inset-inline-start: calc(50% - 5rem);
-  transition: transform 0.8s ease, opacity 0.8s ease;
+  transition: opacity 0.8s ease, transform 0.8s ease, filter 0.8s ease;
 }
 
-/* 添加logo完成动画 */
+/* 添加logo完成动画 - 放大虚化效果 */
 .loading-complete .loading-logo {
+  filter: blur(10px);
   opacity: 0;
-  transform: scale(1.2) rotate(360deg);
+  transform: scale(1.5);
 }
 
-/* 添加加载背景消失动画 */
+/* 添加加载背景消失动画 - 放大虚化效果 */
 .loading-complete {
+  filter: blur(15px);
   opacity: 0;
+  transform: scale(1.2);
 }
 
 .loading {
@@ -92,18 +95,3 @@
     transform: rotate(1turn);
   }
 }
-
-/* 添加logo脉冲效果动画 */
-@keyframes pulse-scale {
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(1.1);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-}
diff --git a/src/App.vue b/src/App.vue
index 6ee10b2e..fe564b02 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -136,7 +136,7 @@ function animateAndRemoveLoader() {
       document.documentElement.style.removeProperty('background')
       // 显示页面
       show.value = true
-    }, 800) // 与CSS动画持续时间匹配
+    }, 500) // 与CSS动画持续时间匹配
   }
 }
 
@@ -149,12 +149,7 @@ onMounted(() => {
 
   ensureRenderComplete(() => {
     nextTick(() => {
-      // 添加logo脉冲动画
-      const loadingLogo = document.querySelector('.loading-logo svg') as SVGElement
-      if (loadingLogo) {
-        loadingLogo.style.animation = 'pulse-scale 1.5s ease infinite'
-      }
-
+      // 不再添加脉冲动画
       setTimeout(() => {
         // 移除加载动画（使用新的动画方法）
         animateAndRemoveLoader()