fix: less global-vars header zIndex

- NoticeIcon typo err

src/components/NoticeIcon/NoticeIcon.vue

@@ -10,7 +10,7 @@
     :overlayStyle="{ width: '300px', top: '50px' }"
   >
     <template slot="content">
-      <a-spin :spinning="loadding">
+      <a-spin :spinning="loading">
         <a-tabs>
           <a-tab-pane tab="通知" key="1">
             <a-list>
@@ -53,19 +53,19 @@ export default {
   name: 'HeaderNotice',
   data () {
     return {
-      loadding: false,
+      loading: false,
       visible: false
     }
   },
   methods: {
     fetchNotice () {
       if (!this.visible) {
-        this.loadding = true
+        this.loading = true
         setTimeout(() => {
-          this.loadding = false
+          this.loading = false
         }, 2000)
       } else {
-        this.loadding = false
+        this.loading = false
       }
       this.visible = !this.visible
     }

src/components/global.less

@@ -102,7 +102,7 @@ body {
           }
         }
         .header-index-right{
-          margin-right:25px; 
+          margin-right:25px;
         }
       }
 
@@ -367,7 +367,7 @@ body {
 .sider {
   box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
   position: relative;
-  z-index: 10;
+  z-index: @ant-global-sider-zindex;
   min-height: 100vh;
 
   .ant-layout-sider-children {

src/components/index.less

@@ -2,4 +2,5 @@
 
 // The prefix to use on all css classes from ant-pro.
 @ant-pro-prefix             : ant-pro;
+@ant-global-sider-zindex    : 106;
 @ant-global-header-zindex   : 105;