refactor(components): 统一图标组件使用CoiIcon
- 全面替换nova-icon为CoiIcon组件,提升组件一致性 - 优化用户中心路由跳转,修正个人中心页面路径 - 统一布局组件中的图标引用,确保视觉风格一致 - 完善图标系统,为后续功能扩展奠定基础
This commit is contained in:
parent
7de53bcc6d
commit
e1a6f24365
@ -80,7 +80,7 @@ const avatar = computed(() => {
|
|||||||
|
|
||||||
// 处理个人中心点击
|
// 处理个人中心点击
|
||||||
function handlePersonalCenter() {
|
function handlePersonalCenter() {
|
||||||
router.push('/personal-center')
|
router.push('/personal-center/index')
|
||||||
}
|
}
|
||||||
|
|
||||||
// 处理退出登录
|
// 处理退出登录
|
||||||
|
|||||||
@ -9,7 +9,7 @@
|
|||||||
</n-ellipsis>
|
</n-ellipsis>
|
||||||
</template>
|
</template>
|
||||||
<template #avatar>
|
<template #avatar>
|
||||||
<nova-icon :icon="item.icon" :size="30" class="c-primary" />
|
<CoiIcon :icon="item.icon" :size="30" class="c-primary" />
|
||||||
</template>
|
</template>
|
||||||
<template v-if="item.tagTitle" #header-extra>
|
<template v-if="item.tagTitle" #header-extra>
|
||||||
<n-tag :bordered="false" :type="item.tagType" size="small">
|
<n-tag :bordered="false" :type="item.tagType" size="small">
|
||||||
|
|||||||
@ -10,7 +10,7 @@
|
|||||||
class="flex-center gap-2 cursor-pointer split"
|
class="flex-center gap-2 cursor-pointer split"
|
||||||
@click="router.push(item.path)"
|
@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>
|
<span class="whitespace-nowrap">{{ $t(`route.${String(item.name)}`, item.meta.title) }}</span>
|
||||||
</n-el>
|
</n-el>
|
||||||
</TransitionGroup>
|
</TransitionGroup>
|
||||||
|
|||||||
@ -41,7 +41,7 @@
|
|||||||
>
|
>
|
||||||
<div class="grid grid-rows-2 grid-cols-[40px_1fr_30px] h-full p-2">
|
<div class="grid grid-rows-2 grid-cols-[40px_1fr_30px] h-full p-2">
|
||||||
<div class="row-span-2 place-self-center">
|
<div class="row-span-2 place-self-center">
|
||||||
<nova-icon :icon="option.icon" />
|
<CoiIcon :icon="option.icon" />
|
||||||
</div>
|
</div>
|
||||||
<span>{{ option.label }}</span>
|
<span>{{ option.label }}</span>
|
||||||
<icon-park-outline-right class="row-span-2 place-self-center" />
|
<icon-park-outline-right class="row-span-2 place-self-center" />
|
||||||
|
|||||||
@ -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);"
|
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">
|
<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>
|
<span>{{ $t(`route.${String(route.name)}`, route.meta.title) }}</span>
|
||||||
<button
|
<button
|
||||||
v-if="closable"
|
v-if="closable"
|
||||||
|
|||||||
@ -25,7 +25,7 @@
|
|||||||
大大大:<svg-icons-cool class="text-4em" />
|
大大大:<svg-icons-cool class="text-4em" />
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
nova-icon组件加载:<nova-icon icon="local:cool" />
|
CoiIcon组件加载:<CoiIcon icon="local:cool" />
|
||||||
</div>
|
</div>
|
||||||
</n-card>
|
</n-card>
|
||||||
</n-space>
|
</n-space>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user