root/riwa-ionic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 更新通知组件样式，调整图标背景和大小，提升视觉一致性

Browse Source
This commit is contained in:
Seven
2026-01-09 01:29:38 +07:00
parent e7970a84fa
commit ed22128028
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/notify/detail.vue
View File

@@ -23,8 +23,8 @@ function getConfigByType(type: string) {
<div v-if="data" class="notification-detail"> <div v-if="data" class="notification-detail">
<!-- 图标和标题 --> <!-- 图标和标题 -->
<div class="flex items-start gap-4"> <div class="flex items-start gap-4">
<div class="bg-text-950 p-2.5 rounded-full shrink-0"> <div class="bg-success p-3 rounded-full shrink-0">
<Icon :icon="getConfigByType(data.notification.type).icon" class="text-2xl" :style="{ color: getConfigByType(data.notification.type).color }" /> <Icon :icon="getConfigByType(data.notification.type).icon" class="text-xl text-(--ion-background-color)" />
</div> </div>
<div class="flex-1 min-w-0"> <div class="flex-1 min-w-0">
<div class="text-xl font-semibold wrap-break-word"> <div class="text-xl font-semibold wrap-break-word">

4
src/views/notify/index.vue
View File

@@ -103,8 +103,8 @@ onBeforeMount(() => {
class="py-3" class="py-3"
@click="handleItemClick(item)" @click="handleItemClick(item)"
> >
<div slot="start" class="bg-text-950 p-2.5 rounded-full"> <div slot="start" class="bg-success p-3 rounded-full">
<Icon :icon="getConfigByType(item.notification.type).icon" class="text-2xl" :style="{ color: getConfigByType(item.notification.type).color }" /> <Icon :icon="getConfigByType(item.notification.type).icon" class="text-xl text-(--ion-background-color)" />
</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">