From b4d55c5e4c9ddd6629fd7b6876eaccaac7dba069 Mon Sep 17 00:00:00 2001
From: "chen.home" <1147347984@qq.com>
Date: Mon, 26 Sep 2022 21:25:28 +0800
Subject: [PATCH] =?UTF-8?q?fix(styles):=20=E4=BF=AE=E5=A4=8D=E9=A6=96?=
 =?UTF-8?q?=E5=B1=8F=E5=8A=A0=E8=BD=BD=E5=8A=A8=E7=94=BB=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=EF=BC=8C=E6=B7=BB=E5=8A=A0=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E5=AD=97=E6=A0=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                  | 1 +
 public/resource/loading.css | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/index.html b/index.html
index dd150de..87e8d5f 100644
--- a/index.html
+++ b/index.html
@@ -17,6 +17,7 @@
         <div></div>
         <div></div>
       </div>
+      <span class="loading-title"><%= title %>加载中</span>
     </div>
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
diff --git a/public/resource/loading.css b/public/resource/loading.css
index a535996..78ed01e 100644
--- a/public/resource/loading.css
+++ b/public/resource/loading.css
@@ -4,6 +4,11 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-direction: column;
+  gap: 10vh;
+  position: fixed;
+  background-color: aliceblue;
+  z-index: 1;
 }
 .app-loading {
   width: 88px;
@@ -11,6 +16,9 @@
   animation: app-loading-y0fdc1 2s infinite ease;
   transform-style: preserve-3d;
 }
+.loading-title{
+  font-size: 2em;
+}
 
 .app-loading > div {
   background-color: rgba(0, 77, 255, 0.2);