tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: ♻️ 导航栏右侧操作栏样式优化

Browse Source
This commit is contained in:
Ray.Hao
2025-02-18 00:34:38 +08:00
parent ccf2f900da
commit 62879b293d
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/layout/components/NavBar/components/Notification.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<el-dropdown class="wh-full flex-center" trigger="click"> <el-dropdown class="h-full items-center justify-center" trigger="click">
<el-badge v-if="notices.length > 0" :offset="[-10, 15]" :value="notices.length" :max="99"> <el-badge v-if="notices.length > 0" :offset="[0, 15]" :value="notices.length" :max="99">
<el-icon> <el-icon>
<Bell /> <Bell />
</el-icon> </el-icon>
@@ -14,7 +14,7 @@
</div> </div>
<template #dropdown> <template #dropdown>
<div class="p-2"> <div class="p-5">
<template v-if="notices.length > 0"> <template v-if="notices.length > 0">
<div v-for="(item, index) in notices" :key="index" class="w500px py-3"> <div v-for="(item, index) in notices" :key="index" class="w500px py-3">
<div class="flex-y-center"> <div class="flex-y-center">
@@ -53,7 +53,7 @@
</template> </template>
<template v-else> <template v-else>
<div class="flex-center h150px w350px"> <div class="flex-center h150px w350px">
<el-empty :image-size="50" description="暂无通知" /> <el-empty :image-size="50" description="暂无消息" />
</div> </div>
</template> </template>
</div> </div>
@@ -149,4 +149,7 @@ onBeforeUnmount(() => {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
:deep(.el-dropdown) {
color: currentColor;
}
</style> </style>