refactor: GlobalLaout.vue css move global.less，multi-tab update

Author: sendya

src/components/MultiTab/MultiTab.vue

@@ -157,15 +157,17 @@ export default {
     })
 
     return (
-      <div style="margin: -23px -24px 24px -24px">
-        <a-tabs
-          hideAdd
-          type={'editable-card'}
-          v-model={this.activeKey}
-          tabBarStyle={{ background: '#FFF', margin: 0, paddingLeft: '16px', paddingTop: '1px' }}
-          {...{ on: { edit: onEdit } }}>
-          {panes}
-        </a-tabs>
+      <div class="ant-pro-multi-tab">
+        <div class="ant-pro-multi-tab-wrapper">
+          <a-tabs
+            hideAdd
+            type={'editable-card'}
+            v-model={this.activeKey}
+            tabBarStyle={{ background: '#FFF', margin: 0, paddingLeft: '16px', paddingTop: '1px' }}
+            {...{ on: { edit: onEdit } }}>
+            {panes}
+          </a-tabs>
+        </div>
       </div>
     )
   }

src/components/MultiTab/index.js

@@ -1,2 +1,4 @@
 import MultiTab from './MultiTab'
+import './index.less'
+
 export default MultiTab

src/components/MultiTab/index.less

@@ -0,0 +1,20 @@
+@import '../index';
+
+@multi-tab-prefix-cls: ~"@{ant-pro-prefix}-multi-tab";
+@multi-tab-wrapper-prefix-cls: ~"@{ant-pro-prefix}-multi-tab-wrapper";
+
+/*
+.topmenu .@{multi-tab-prefix-cls} {
+  max-width: 1200px;
+  margin: -23px auto 24px auto;
+}
+*/
+.@{multi-tab-prefix-cls} {
+  margin: -23px -24px 24px -24px;
+  background: #fff;
+}
+
+.topmenu .@{multi-tab-wrapper-prefix-cls} {
+  max-width: 1200px;
+  margin: 0 auto;
+}