1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
| <script lang="ts" setup>
| import { VbenIconButton } from '@vben-core/shadcn-ui';
|
| import { Badge, Tooltip } from 'ant-design-vue';
|
| import { $t } from '#/locales';
|
| defineProps({
| count: { type: Number, default: 0 },
| });
| </script>
| <template>
| <Tooltip :mouse-enter-delay="0.5" :title="$t('layout.header.tooltipNotify')" placement="bottom">
| <Badge :count="count" :offset="[-6, 2]">
| <VbenIconButton class="jnpf-header-notify global-header-icon rounded-md px-[10px]">
| <i class="icon-ym icon-ym-header-notice text-[18px] text-foreground"></i>
| </VbenIconButton>
| </Badge>
| </Tooltip>
| </template>
| <style lang="scss">
| .jnpf-header-notify {
| .ant-badge {
| font-size: 18px;
|
| .ant-badge-count {
| min-width: 0;
| height: 18px;
| padding: 0 6px;
| line-height: 18px;
| }
| }
| }
| </style>
|
|
