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
2026-01-10 12:34:45 +08:00
parent ca15fa0322
commit 15fe2c2328
4 changed files with 62 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/NoticeDropdown/index.vue
View File

@@ -1,10 +1,12 @@
<template>
<el-dropdown trigger="click">
<el-badge v-if="list.length > 0" :value="list.length" :max="99">
<div class="i-svg:bell" />
</el-badge>
<el-dropdown class="notice__dropdown" trigger="click">
<div class="notice__trigger">
<el-badge v-if="list.length > 0" :value="list.length" :max="99">
<div class="i-svg:bell" />
</el-badge>
<div v-else class="i-svg:bell" />
<div v-else class="i-svg:bell" />
</div>
<template #dropdown>
<div class="p-5">
@@ -79,4 +81,22 @@ import { useNotice } from "./useNotice";
const { list, detail, dialogVisible, read, readAll, goMore } = useNotice();
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
.notice {
&__dropdown {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
&__trigger {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
}
</style>