blackteay/vue-antd-admin
1
0
Fork 0
mirror of https://github.com/iczer/vue-antd-admin synced 2025-04-06 04:00:06 +08:00
Code Issues Projects Releases Wiki Activity

fix: HeaderNotice style problem #29

Browse Source 
Closes #29
This commit is contained in:
iczer 2019-01-11 23:57:15 +08:00
parent 26cec23c6f
commit 01e9be732e
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/layouts/HeaderNotice.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<a-popover trigger="click" placement="bottomRight"> <a-dropdown :trigger="['click']">
<template slot="content"> <template slot="overlay">
<a-spin :spinning="loadding"> <a-spin :spinning="loadding">
<a-tabs> <a-tabs :tabBarStyle="{textAlign: 'center'}" :style="{backgroundColor: 'white', width: '297px'}">
<a-tab-pane tab="通知" key="1"> <a-tab-pane tab="通知" key="1" :style="{padding: '0 24px'}">
<a-list> <a-list>
<a-list-item> <a-list-item>
<a-list-item-meta title="你收到了 14 份新周报" description="一年前"> <a-list-item-meta title="你收到了 14 份新周报" description="一年前">
@ -23,10 +23,10 @@
</a-list> </a-list>
</a-tab-pane> </a-tab-pane>
<a-tab-pane tab="消息" key="2"> <a-tab-pane tab="消息" key="2">
123 暂无消息
</a-tab-pane> </a-tab-pane>
<a-tab-pane tab="待办" key="3"> <a-tab-pane tab="待办" key="3">
123 暂无待办
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</a-spin> </a-spin>
@ -36,7 +36,7 @@
<a-icon :class="['header-notice-icon', theme]" type="bell" /> <a-icon :class="['header-notice-icon', theme]" type="bell" />
</a-badge> </a-badge>
</span> </span>
</a-popover> </a-dropdown>
</template> </template>
<script> <script>
@ -85,4 +85,7 @@ export default {
} }
} }
} }
.ant-dropdown-menu-container{
box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
</style> </style>