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);