From 01e9be732e873e9f50395682e4a84a8021cec21b Mon Sep 17 00:00:00 2001
From: iczer <1126263215@qq.com>
Date: Fri, 11 Jan 2019 23:57:15 +0800
Subject: [PATCH] fix: HeaderNotice style problem #29 Closes #29
---
src/layouts/HeaderNotice.vue | 17 ++++++++++-------
1 file changed, 10 insertions(+), 7 deletions(-)
diff --git a/src/layouts/HeaderNotice.vue b/src/layouts/HeaderNotice.vue
index f72ec19..0966153 100644
--- a/src/layouts/HeaderNotice.vue
+++ b/src/layouts/HeaderNotice.vue
@@ -1,9 +1,9 @@
<template>
- <a-popover trigger="click" placement="bottomRight">
- <template slot="content">
+ <a-dropdown :trigger="['click']">
+ <template slot="overlay">
<a-spin :spinning="loadding">
- <a-tabs>
- <a-tab-pane tab="通知" key="1">
+ <a-tabs :tabBarStyle="{textAlign: 'center'}" :style="{backgroundColor: 'white', width: '297px'}">
+ <a-tab-pane tab="通知" key="1" :style="{padding: '0 24px'}">
<a-list>
<a-list-item>
<a-list-item-meta title="你收到了 14 份新周报" description="一年前">
@@ -23,10 +23,10 @@
</a-list>
</a-tab-pane>
<a-tab-pane tab="消息" key="2">
- 123
+ 暂无消息
</a-tab-pane>
<a-tab-pane tab="待办" key="3">
- 123
+ 暂无待办
</a-tab-pane>
</a-tabs>
</a-spin>
@@ -36,7 +36,7 @@
<a-icon :class="['header-notice-icon', theme]" type="bell" />
</a-badge>
</span>
- </a-popover>
+ </a-dropdown>
</template>
<script>
@@ -85,4 +85,7 @@ export default {
}
}
}
+ .ant-dropdown-menu-container{
+ box-shadow: 0 2px 8px rgba(0,0,0,.15);
+ }
</style>