优化通知和捷径栏的卡片样式

This commit is contained in:
jxxghp
2025-04-02 10:16:16 +08:00
parent 122acc7ad3
commit 62db4508da
3 changed files with 164 additions and 177 deletions

View File

@@ -118,7 +118,7 @@ onMounted(() => {
</IconBtn>
</template>
<!-- Menu Content -->
<VCard>
<VCard elevation="1">
<VCardItem class="border-b">
<VCardTitle>捷径</VCardTitle>
<template #append>
@@ -138,7 +138,7 @@ onMounted(() => {
<span class="text-sm">名称识别测试</span>
</VListItem>
</VCol>
<VCol cols="6" class="text-center cursor-pointer pa-0 shortcut-icon border-e" @click="() => {}">
<VCol cols="6" class="text-center cursor-pointer pa-0 shortcut-icon" @click="() => {}">
<VListItem class="pa-4" @click="ruleTestDialog = true">
<VAvatar size="48" variant="tonal">
<VIcon icon="mdi-filter-cog-outline" />
@@ -178,7 +178,7 @@ onMounted(() => {
<span class="text-sm">健康检查</span>
</VListItem>
</VCol>
<VCol cols="6" class="text-center cursor-pointer pa-0 shortcut-icon border-e" @click="() => {}">
<VCol cols="6" class="text-center cursor-pointer pa-0 shortcut-icon" @click="() => {}">
<VListItem class="pa-4" @click="messageDialog = true">
<VAvatar size="48" variant="tonal">
<VIcon icon="mdi-message-outline" />

View File

@@ -24,7 +24,6 @@ function startSSEMessager() {
const noti: SystemNotification = JSON.parse(event.data)
notificationList.value.unshift(noti)
hasNewMessage.value = true
// TODO 在顶部显示消息汽泡
}
})
}, 3000)
@@ -54,7 +53,7 @@ onBeforeUnmount(() => {
</IconBtn>
</template>
<!-- Menu Content -->
<VCard>
<VCard elevation="1">
<VCardItem class="border-b">
<VCardTitle>通知</VCardTitle>
<template #append>