32 lines
1009 B
Vue
32 lines
1009 B
Vue
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
defineOptions({ name: 'GlobalMessage' });
|
|
|
|
const value = ref('')
|
|
</script>
|
|
|
|
<template>
|
|
<NPopover trigger="hover">
|
|
<template #trigger>
|
|
<NButton quaternary><icon-bi:bell class="size-4.5" /></NButton>
|
|
</template>
|
|
<div class="w-300px">
|
|
<div class="flex items-center justify-between">
|
|
<span>消息</span>
|
|
<NButton text type="primary" size="small" class="text-xs">查看全部</NButton>
|
|
</div>
|
|
<div class="border-t border-b my-1.5 px-2 py-2 space-y-2">
|
|
<div class="max-h-200px overflow-y-auto">
|
|
<div>联锁绑定导入成功</div>
|
|
<div>联锁绑定导入成功</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex justify-end">
|
|
<NButton text type="primary" size="small" class="text-xs">全部已读</NButton>
|
|
</div>
|
|
</div>
|
|
</NPopover>
|
|
</template>
|
|
|
|
<style lang="scss" scoped></style>
|