From 4a3b799ed9bdc2f3550784e3532f963722428167 Mon Sep 17 00:00:00 2001
From: pany-ang <939630029@qq.com>
Date: Tue, 23 May 2023 10:18:21 +0000
Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20=20@=20189d4?=
 =?UTF-8?q?a2c1c62a0cc25818d26af443833a7df0465=20=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app-loading.css | 39 ++++++++++++++++++---------------------
 1 file changed, 18 insertions(+), 21 deletions(-)

diff --git a/app-loading.css b/app-loading.css
index b48a929e..25fe3d8e 100644
--- a/app-loading.css
+++ b/app-loading.css
@@ -1,48 +1,45 @@
-#app-loading,
-#app-loading:before,
-#app-loading:after {
-  border-radius: 50%;
-  width: 2.5em;
-  height: 2.5em;
-  animation-fill-mode: both;
-  animation: loadingAnimation 1.8s infinite ease-in-out;
-}
+/* 白屏阶段会执行的 CSS 加载动画 */
 
 #app-loading {
   position: relative;
   top: 45vh;
   margin: 0 auto;
-  font-size: 10px;
   color: #409eff;
-  text-indent: -9999em;
-  animation-delay: -0.16s;
-  transform: translateZ(0);
-  transform: translate(-50%, 0);
+  font-size: 12px;
+}
+
+#app-loading,
+#app-loading:before,
+#app-loading:after {
+  width: 2em;
+  height: 2em;
+  border-radius: 50%;
+  animation: 2s ease-in-out infinite app-loading-animation;
 }
 
 #app-loading:before,
 #app-loading:after {
   content: "";
   position: absolute;
-  top: 0;
 }
 
 #app-loading:before {
-  left: -3.5em;
-  animation-delay: -0.32s;
+  left: -4em;
+  animation-delay: -0.2s;
 }
 
 #app-loading:after {
-  left: 3.5em;
+  left: 4em;
+  animation-delay: 0.2s;
 }
 
-@keyframes loadingAnimation {
+@keyframes app-loading-animation {
   0%,
   80%,
   100% {
-    box-shadow: 0 2.5em 0 -1.3em;
+    box-shadow: 0 2em 0 -2em;
   }
   40% {
-    box-shadow: 0 2.5em 0 0;
+    box-shadow: 0 2em 0 0;
   }
 }