feat: 优化通知项布局,调整标题和未读标记的排列方式
This commit is contained in:
@@ -30,8 +30,11 @@ const { data } = mockClient("notify.list");
|
||||
</div>
|
||||
<div class="pl-3 w-full">
|
||||
<div class="flex items-center justify-between mb-1">
|
||||
<div class="text-md font-semibold">
|
||||
{{ item.title }}
|
||||
<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') }}
|
||||
|
||||
Reference in New Issue
Block a user