diff --git a/Web/src/assets/style/main.less b/Web/src/assets/style/main.less
index ca5c019..044c5b2 100644
--- a/Web/src/assets/style/main.less
+++ b/Web/src/assets/style/main.less
@@ -16,6 +16,21 @@
   @header-search-icon-color: fade(@white, 60%),
   @header-search-icon-hover-color: @white,
 ) {
+  .yo-layout--spin {
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    width: 100%;
+    height: 100%;
+    >div>.ant-spin {
+      max-height: none;
+    }
+    >.ant-spin-container {
+      width: 100%;
+      height: 100%;
+    }
+  }
   .ant-layout-header {
     .header-actions {
       display: flex;
diff --git a/Web/src/views/main/index.vue b/Web/src/views/main/index.vue
index f675de5..b841dde 100644
--- a/Web/src/views/main/index.vue
+++ b/Web/src/views/main/index.vue
@@ -1,29 +1,32 @@
 <template>
   <section>
-    <a-layout
-      :class="{
+    <a-spin :spinning="nav.loading" class="yo-layout--spin">
+      <a-icon :style="{ fontSize: '24px' }" slot="indicator" spin type="loading" />
+      <a-layout
+        :class="{
           [`yo-layout--top-nav--${$root.global.settings.container}`]: $root.global.settings.layout === 'top-nav',
           [`yo-layout--${$root.global.settings.layout}`]: true,
         }"
-    >
-      <Sider :nav="nav" v-if="$root.global.settings.layout === 'left-menu'" />
-      <a-layout>
-        <Header :nav="nav" @reload="onReloadContentWindow" @setting="setting.visible = true" />
+      >
+        <Sider :nav="nav" v-if="$root.global.settings.layout === 'left-menu'" />
         <a-layout>
-          <Content
-            :panes="panes"
-            :tabActived="tabActived"
-            @change="onChangeContentWindow"
-            @close="onCloseContentWindow"
-            @close-other="onCloseOtherContentWindow"
-            @close-right="onCloseRightContentWindow"
-            ref="content"
-          />
+          <Header :nav="nav" @reload="onReloadContentWindow" @setting="setting.visible = true" />
+          <a-layout>
+            <Content
+              :panes="panes"
+              :tabActived="tabActived"
+              @change="onChangeContentWindow"
+              @close="onCloseContentWindow"
+              @close-other="onCloseOtherContentWindow"
+              @close-right="onCloseRightContentWindow"
+              ref="content"
+            />
+          </a-layout>
         </a-layout>
+        <Sider :nav="nav" v-if="$root.global.settings.layout === 'right-menu'" />
       </a-layout>
-      <Sider :nav="nav" v-if="$root.global.settings.layout === 'right-menu'" />
-    </a-layout>
-    <Setting :visible="setting.visible" @close="setting.visible = false" />
+      <Setting :visible="setting.visible" @close="setting.visible = false" />
+    </a-spin>
   </section>
 </template>
 <script>