feat: 优化通知项布局,调整标题和未读标记的排列方式
This commit is contained in:
@@ -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') }}
|
||||||
|
|||||||
Reference in New Issue
Block a user