From ff4364262d711e7f3ac2a1af899eeb85f74df633 Mon Sep 17 00:00:00 2001
From: iczer <1126263215@qq.com>
Date: Wed, 24 Jun 2020 17:15:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20the=20problem=20that=20the=20notificatio?=
 =?UTF-8?q?n=20window=20does=20not=20open=20properly;=20:bug:=20#79=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=EF=BC=9A=E9=80=9A=E7=9F=A5=E7=AA=97=E5=8F=A3?=
 =?UTF-8?q?=E4=B8=8D=E8=83=BD=E6=AD=A3=E5=B8=B8=E6=89=93=E5=BC=80=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/GlobalHeader.vue |  2 +-
 src/layouts/HeaderNotice.vue | 24 +++++++++++++++---------
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/layouts/GlobalHeader.vue b/src/layouts/GlobalHeader.vue
index a81982b..1e46b9b 100644
--- a/src/layouts/GlobalHeader.vue
+++ b/src/layouts/GlobalHeader.vue
@@ -48,7 +48,7 @@ export default {
     return {
       langList: [
         {key: 'CN', name: '简体中文', alias: '简体'},
-        {key: 'HK', name: '繁体中文', alias: '繁体'},
+        {key: 'HK', name: '繁體中文', alias: '繁體'},
         {key: 'US', name: 'English', alias: 'English'}
       ]
     }
diff --git a/src/layouts/HeaderNotice.vue b/src/layouts/HeaderNotice.vue
index 1db40c5..dde366b 100644
--- a/src/layouts/HeaderNotice.vue
+++ b/src/layouts/HeaderNotice.vue
@@ -1,10 +1,10 @@
 <template>
-  <a-dropdown :trigger="['click']">
+  <a-dropdown :trigger="['click']" v-model="show">
     <div slot="overlay">
       <a-spin :spinning="loading">
-        <a-tabs :tabBarStyle="{textAlign: 'center'}" :style="{backgroundColor: 'white', width: '297px'}">
-          <a-tab-pane tab="通知" key="1" :style="{padding: '0 24px'}">
-            <a-list>
+        <a-tabs class="dropdown-tabs" :tabBarStyle="{textAlign: 'center'}" :style="{backgroundColor: 'white', width: '297px'}">
+          <a-tab-pane tab="通知" key="1">
+            <a-list class="tab-pane">
               <a-list-item>
                 <a-list-item-meta title="你收到了 14 份新周报" description="一年前">
                   <a-avatar style="background-color: white" slot="avatar" src="https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png"/>
@@ -23,10 +23,10 @@
             </a-list>
           </a-tab-pane>
           <a-tab-pane tab="消息" key="2">
-            暂无消息
+            <div class="tab-pane">暂无消息</div>
           </a-tab-pane>
           <a-tab-pane tab="待办" key="3">
-            暂无待办
+            <div class="tab-pane">暂无消息</div>
           </a-tab-pane>
         </a-tabs>
       </a-spin>
@@ -44,7 +44,8 @@ export default {
   name: 'HeaderNotice',
   data () {
     return {
-      loading: false
+      loading: false,
+      show: false
     }
   },
   computed: {
@@ -76,7 +77,12 @@ export default {
       padding: 4px;
     }
   }
-  .ant-dropdown-menu-container{
-    box-shadow: 0 2px 8px rgba(0,0,0,.15);
+  .dropdown-tabs{
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+    border-radius: 4px;
+    .tab-pane{
+      padding: 0 24px 12px;
+      min-height: 250px;
+    }
   }
 </style>