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-11 17:09:36 +07:00
parent 0fdadd8412
commit da6d6ec73f
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 class="flex items-start gap-4">
<div class="bg-success p-3 rounded-full shrink-0">
<Icon :icon="getConfigByType(data.notification.type).icon" class="text-xl text-(--ion-background-color)" />
<div slot="start" class="bg-[#93d25d] p-3 rounded-full shrink-0">
<Icon :icon="getConfigByType(data.notification.type).icon" class="text-xl text-[#3b7901]" />
</div>
<div class="flex-1 min-w-0">
<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"
@click="handleItemClick(item)"
>
<div slot="start" class="bg-success p-3 rounded-full">
<Icon :icon="getConfigByType(item.notification.type).icon" class="text-xl text-(--ion-background-color)" />
<div slot="start" class="bg-[#93d25d] p-3 rounded-full">
<Icon :icon="getConfigByType(item.notification.type).icon" class="text-xl text-[#3b7901]" />
</div>
<div class="pl-3 w-full">
<div class="flex items-center justify-between mb-1">