refactor(components): 统一图标组件使用CoiIcon

- 全面替换nova-icon为CoiIcon组件,提升组件一致性
- 优化用户中心路由跳转,修正个人中心页面路径
- 统一布局组件中的图标引用,确保视觉风格一致
- 完善图标系统,为后续功能扩展奠定基础
This commit is contained in:
Leo 2025-07-08 10:54:47 +08:00
parent 7de53bcc6d
commit e1a6f24365
6 changed files with 6 additions and 6 deletions

View File

@ -80,7 +80,7 @@ const avatar = computed(() => {
//
function handlePersonalCenter() {
router.push('/personal-center')
router.push('/personal-center/index')
}
// 退

View File

@ -9,7 +9,7 @@
</n-ellipsis>
</template>
<template #avatar>
<nova-icon :icon="item.icon" :size="30" class="c-primary" />
<CoiIcon :icon="item.icon" :size="30" class="c-primary" />
</template>
<template v-if="item.tagTitle" #header-extra>
<n-tag :bordered="false" :type="item.tagType" size="small">

View File

@ -10,7 +10,7 @@
class="flex-center gap-2 cursor-pointer split"
@click="router.push(item.path)"
>
<nova-icon v-if="appStore.showBreadcrumbIcon" :icon="item.meta.icon" />
<CoiIcon v-if="appStore.showBreadcrumbIcon" :icon="item.meta.icon" />
<span class="whitespace-nowrap">{{ $t(`route.${String(item.name)}`, item.meta.title) }}</span>
</n-el>
</TransitionGroup>

View File

@ -41,7 +41,7 @@
>
<div class="grid grid-rows-2 grid-cols-[40px_1fr_30px] h-full p-2">
<div class="row-span-2 place-self-center">
<nova-icon :icon="option.icon" />
<CoiIcon :icon="option.icon" />
</div>
<span>{{ option.label }}</span>
<icon-park-outline-right class="row-span-2 place-self-center" />

View File

@ -9,7 +9,7 @@
style="transition: box-shadow .3s var(--n-bezier), color .3s var(--n-bezier), background-color .3s var(--n-bezier), border-color .3s var(--n-bezier);"
>
<div class="flex-center gap-2 text-nowrap">
<nova-icon :icon="route.meta.icon" />
<CoiIcon :icon="route.meta.icon" />
<span>{{ $t(`route.${String(route.name)}`, route.meta.title) }}</span>
<button
v-if="closable"

View File

@ -25,7 +25,7 @@
大大大<svg-icons-cool class="text-4em" />
</div>
<div>
nova-icon组件加载<nova-icon icon="local:cool" />
CoiIcon组件加载<CoiIcon icon="local:cool" />
</div>
</n-card>
</n-space>