diff --git a/public/index.html b/public/index.html
index 30bfe4f..d0854bb 100644
--- a/public/index.html
+++ b/public/index.html
@@ -61,6 +61,19 @@
             }
         })(1366, 1024);
     </script>
+    <style>
+        #make{
+            background-color: #000;
+            opacity: 0.5;
+            width: 100%;
+            height: 100vh;
+            position: fixed;
+            top: 0;
+            left: 0;
+            z-index: 999;
+            display: none;
+        }
+    </style>
 </head>
 
 <body>
@@ -69,6 +82,7 @@
             Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
+    <div id="make"></div>
     <!-- built files will be auto injected -->
     <script>
         window.fbAsyncInit = function () {
diff --git a/src/api/base.ts b/src/api/base.ts
index aa3c4fd..70ce126 100644
--- a/src/api/base.ts
+++ b/src/api/base.ts
@@ -13,9 +13,11 @@ export interface Get {
 }
 let login: MessageType;
 let count = 0;
+const div: any = document.getElementById("make");
 axios.interceptors.request.use((config)=>{
     if(count == 0){
         login = message.loading('加载中..', 0)
+        div.style.display = "block"
     }
     count++;
     return config;
@@ -28,6 +30,7 @@ axios.interceptors.response.use((response)=>{
             count--;
             if(count == 0){
                 login();
+                div.style.display = "none"
             }
             console.log(count)
         }, 1000)
@@ -44,6 +47,7 @@ axios.interceptors.response.use((response)=>{
             count--;
             if(count == 0){
                 login();
+                div.style.display = "none"
             }
             console.log(count)
         }, 1000)
