diff --git a/Web/src/App.vue b/Web/src/App.vue
index bd456df..d298c5d 100644
--- a/Web/src/App.vue
+++ b/Web/src/App.vue
@@ -1,6 +1,12 @@
 <template>
   <div id="app">
     <a-config-provider :locale="zh_CN">
+      <template #renderEmpty>
+        <div class="text-center pt-md">
+          <a-icon class="h3 mb-md" type="smile" />
+          <p>暂无数据</p>
+        </div>
+      </template>
       <router-view />
     </a-config-provider>
   </div>
@@ -17,4 +23,4 @@ export default {
     };
   },
 };
-</script>
+</script>
\ No newline at end of file
diff --git a/Web/src/assets/style/frame/dark.less b/Web/src/assets/style/frame/dark.less
index 267c598..988c16a 100644
--- a/Web/src/assets/style/frame/dark.less
+++ b/Web/src/assets/style/frame/dark.less
@@ -1,4 +1,5 @@
 @import (reference) '~@/assets/style/main.less';
+@layout-header-background: #1c2127;
 .dark {
   .main(@nav-background: @layout-header-background;
   @nav-box-shadow-color: fade(@black, 25%);
diff --git a/Web/src/components/yoTable/index.js b/Web/src/components/yoTable/index.js
index e0ce949..9b80819 100644
--- a/Web/src/components/yoTable/index.js
+++ b/Web/src/components/yoTable/index.js
@@ -114,6 +114,7 @@ export default {
           this.data = this.onClearChildren(res)
           this.pagination = false
         }
+      }).finally(() => {
         this.onLoaded()
       })
     },
diff --git a/Web/src/components/yoTreeLayout/index.js b/Web/src/components/yoTreeLayout/index.js
index e50a0d8..9078cc8 100644
--- a/Web/src/components/yoTreeLayout/index.js
+++ b/Web/src/components/yoTreeLayout/index.js
@@ -1,4 +1,5 @@
 import Swiper from 'swiper'
+import { Empty } from 'ant-design-vue'
 
 let timer, swiper
 
@@ -107,7 +108,7 @@ export default {
         this.$nextTick(() => {
           this.onUpdateSwiper()
         })
-
+      }).finally(() => {
         this.loading = false
       })
     },
@@ -256,7 +257,17 @@ export default {
               <div class="swiper-slide">
                 <a-spin style={{ height: '100%' }} spinning={this.loading}>
                   <a-icon slot="indicator" type="loading" spin />
-                  <a-tree {...{ props, on, scopedSlots }} />
+                  {
+                    !this.loading && !this.list.length ?
+                      <a-empty description={false} class="ant-list-empty-text">
+                        <template slot="image">
+                          <a-icon class="h3 mt-xl mb-md" type="smile" />
+                          <p>暂无数据</p>
+                        </template>
+                      </a-empty>
+                      :
+                      <a-tree {...{ props, on, scopedSlots }} />
+                  }
                 </a-spin>
               </div>
             </div>