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

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

View File

@@ -30,8 +30,11 @@ const { data } = mockClient("notify.list");
</div> </div>
<div class="pl-3 w-full"> <div class="pl-3 w-full">
<div class="flex items-center justify-between mb-1"> <div class="flex items-center justify-between mb-1">
<div class="text-md font-semibold"> <div class="flex-center gap-2">
{{ item.title }} <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> </div>
<ion-note slot="end" class="text-xs"> <ion-note slot="end" class="text-xs">
{{ useDateFormat(item.date, 'MM/DD HH:mm') }} {{ useDateFormat(item.date, 'MM/DD HH:mm') }}