|
|
@ -22,7 +22,18 @@ notices.value.map(v => (noticesNum.value += v.list.length)); |
|
|
|
</span> |
|
|
|
<template #dropdown> |
|
|
|
<el-dropdown-menu> |
|
|
|
<el-tabs :stretch="true" v-model="activeKey" class="dropdown-tabs"> |
|
|
|
<el-tabs |
|
|
|
:stretch="true" |
|
|
|
v-model="activeKey" |
|
|
|
class="dropdown-tabs" |
|
|
|
:style="{ width: notices.length === 0 ? '200px' : '330px' }" |
|
|
|
> |
|
|
|
<el-empty |
|
|
|
v-if="notices.length === 0" |
|
|
|
description="暂无消息" |
|
|
|
:image-size="60" |
|
|
|
/> |
|
|
|
<span v-else> |
|
|
|
<template v-for="item in notices" :key="item.key"> |
|
|
|
<el-tab-pane |
|
|
|
:label="`${item.name}(${item.list.length})`" |
|
|
@ -35,6 +46,7 @@ notices.value.map(v => (noticesNum.value += v.list.length)); |
|
|
|
</el-scrollbar> |
|
|
|
</el-tab-pane> |
|
|
|
</template> |
|
|
|
</span> |
|
|
|
</el-tabs> |
|
|
|
</el-dropdown-menu> |
|
|
|
</template> |
|
|
@ -57,8 +69,6 @@ notices.value.map(v => (noticesNum.value += v.list.length)); |
|
|
|
} |
|
|
|
|
|
|
|
.dropdown-tabs { |
|
|
|
width: 330px; |
|
|
|
|
|
|
|
.noticeList-container { |
|
|
|
padding: 15px 24px 0; |
|
|
|
} |
|
|
|