From acfaea84633fcbc296c737c751197d6e51617b28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=87=AA=E5=B8=A6=E5=A4=A7=E4=BD=AC=E6=B0=94=E5=9C=BA?=
 <188633308@qq.com>
Date: Sun, 30 May 2021 17:20:57 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E5=8A=A0=E8=BD=BD=E9=81=AE=E7=BD=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Web/src/assets/style/main.less | 15 +++++++++++++
 Web/src/views/main/index.vue   | 39 ++++++++++++++++++----------------
 2 files changed, 36 insertions(+), 18 deletions(-)

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>