feat: 优化通知项布局,调整标题和未读标记的排列方式

This commit is contained in:
2025-12-27 17:16:57 +07:00
parent 53c94fe6ca
commit 23c8247d60

View File

@@ -30,9 +30,12 @@ const { data } = mockClient("notify.list");
</div>
<div class="pl-3 w-full">
<div class="flex items-center justify-between mb-1">
<div class="flex-center gap-2">
<div class="text-md font-semibold">
{{ item.title }}
</div>
<div v-show="!item.read" class="h-2 w-2 bg-red-500 rounded-full" />
</div>
<ion-note slot="end" class="text-xs">
{{ useDateFormat(item.date, 'MM/DD HH:mm') }}
</ion-note>