feat: 优化白屏加载

TheTNB · Dec 3, 2024 · 2f87de4 · 2f87de4
1 parent b47bd5c
commit 2f87de4
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/web/index.html b/web/index.html
@@ -13,8 +13,7 @@
 <div id="app">
   <!-- 白屏时的loading效果 -->
   <div class="loading-container">
-    <img alt="logo" height="128" src="/loading/logo.png" />
-    <div class="loading-spin__container">
+    <div class="loading-spin-container">
       <div class="loading-spin">
         <div class="left-0 top-0 loading-spin-item"></div>
         <div class="left-0 bottom-0 loading-spin-item loading-delay-500"></div>

diff --git a/web/public/loading/index.css b/web/public/loading/index.css
@@ -10,7 +10,7 @@
     height: 100%;
 }
 
-.loading-spin__container {
+.loading-spin-container {
     width: 56px;
     height: 56px;
     margin: 36px 0;
@@ -50,11 +50,9 @@
 
 @keyframes loadingSpin {
     from {
-        -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     to {
-        -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
@@ -85,7 +83,8 @@
 }
 
 .loading-title {
+    padding-top: 20px;
     font-size: 28px;
     font-weight: 500;
-    color: #6a6a6a;
+    color: #333;
 }
diff --git a/web/public/loading/logo.png b/web/public/loading/logo.png