twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2026-02-13 17:30:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf(layout): 优化消息通知小红点显示逻辑 (#1265)

Browse Source
This commit is contained in:
Yorlg
2026-02-03 19:00:23 +08:00
committed by GitHub
parent 3ce26d614d
commit 986e6e5104
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/layout/components/lay-notice/index.vue
View File

@@ -24,6 +24,12 @@ const currentNoticeHasData = computed(() => {
return currentNotice && currentNotice.list.length > 0;
});
const hasAnyNoticeData = computed(() => {
return notices.value.some(
item => Array.isArray(item.list) && item.list.length > 0
);
});
const onWatchMore = () => {
dropdownRef.value.handleClose();
};
@@ -43,7 +49,7 @@ const onMarkAsRead = () => {
<span
:class="['dropdown-badge', 'navbar-bg-hover', 'select-none', 'mr-[7px]']"
>
<el-badge is-dot>
<el-badge is-dot :hidden="!hasAnyNoticeData">
<span class="header-notice-icon">
<IconifyIconOffline :icon="BellIcon" />
</span>