update 加载遮罩

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>