refactor(components): 修复了头部按钮图标偏移的问题

src/components/EIcon.vue

@@ -1,5 +1,5 @@
 <template>
-  <n-icon :size="props.size || 18" :depth="props.depth" :color="props.color">
+  <n-icon :size="props.size || 20" :depth="props.depth" :color="props.color">
     <Icon :icon="props.icon" />
   </n-icon>
 </template>

src/layouts/components/header/Breadcrumb.vue

@@ -1,5 +1,5 @@
 <template>
-  <n-breadcrumb class="px-5">
+  <n-breadcrumb class="px-4">
     <n-breadcrumb-item v-for="(item, index) in routes" :key="index">
       <e-icon :icon="item.meta.icon" />
       {{ item.meta.title }}

src/layouts/components/header/CollapaseButton.vue

@@ -1,7 +1,7 @@
 <template>
   <HeaderButton @click="appStore.toggleCollapse()">
-    <e-icon v-if="appStore.collapsed" icon="icon-park-outline:menu-unfold" />
+    <i-icon-park-outline-menu-unfold v-if="appStore.collapsed" class="text-18px" />
-    <e-icon v-else icon="icon-park-outline:menu-fold" />
+    <i-icon-park-outline-menu-fold v-else class="text-18px" />
   </HeaderButton>
 </template>
 

src/layouts/components/header/DarkMode.vue

@@ -2,8 +2,8 @@
   <n-tooltip placement="bottom" trigger="hover">
     <template #trigger>
       <HeaderButton @click="appStore.toggleDarkMode()">
-        <e-icon v-if="appStore.darkMode" icon="icon-park-outline:moon" />
+        <i-icon-park-outline-moon v-if="appStore.darkMode" class="text-18px" />
-        <e-icon v-else icon="icon-park-outline:sun" />
+        <i-icon-park-outline-sun v-else class="text-18px" />
       </HeaderButton>
     </template>
     <span>切换主题模式</span>

src/layouts/components/header/FullScreen.vue

@@ -2,8 +2,8 @@
   <n-tooltip placement="bottom" trigger="hover">
     <template #trigger>
       <HeaderButton @click="appStore.toggleFullScreen()">
-        <e-icon v-if="appStore.fullScreen" icon="icon-park-outline:off-screen-two" />
+        <i-icon-park-outline-off-screen-two v-if="appStore.fullScreen" class="text-18px" />
-        <e-icon v-else icon="icon-park-outline:full-screen-two" />
+        <i-icon-park-outline-full-screen-two v-else class="text-18px" />
       </HeaderButton>
     </template>
     <span>全屏</span>

src/layouts/components/header/Github.vue

@@ -1,7 +1,9 @@
 <template>
   <n-tooltip placement="bottom" trigger="hover">
     <template #trigger>
-      <HeaderButton @click="toMyGithub"><e-icon icon="icon-park-outline:github" /></HeaderButton>
+      <HeaderButton @click="toMyGithub">
+        <i-icon-park-outline-github class="text-18px" />
+      </HeaderButton>
     </template>
     <span>Github</span>
   </n-tooltip>

src/layouts/components/header/Notices.vue

@@ -3,7 +3,9 @@
     <template #trigger>
       <n-tooltip placement="bottom" trigger="hover">
         <template #trigger>
-          <HeaderButton @click="openNotice"><e-icon icon="icon-park-outline:remind" /></HeaderButton>
+          <HeaderButton @click="openNotice">
+            <i-icon-park-outline-remind class="text-18px" />
+          </HeaderButton>
         </template>
         <span>消息通知</span>
       </n-tooltip>

src/layouts/components/header/Reload.vue

@@ -1,7 +1,9 @@
 <template>
   <n-tooltip placement="bottom" trigger="hover">
     <template #trigger>
-      <HeaderButton @click="handleReload"><e-icon icon="icon-park-outline:refresh" /></HeaderButton>
+      <HeaderButton @click="handleReload">
+        <i-icon-park-outline-refresh class="text-18px" />
+      </HeaderButton>
     </template>
     <span>刷新页面</span>
   </n-tooltip>

src/layouts/components/header/Search.vue

@@ -1,7 +1,9 @@
 <template>
   <n-tooltip placement="bottom" trigger="hover">
     <template #trigger>
-      <HeaderButton @click="handleSearch"><e-icon icon="icon-park-outline:search" /></HeaderButton>
+      <HeaderButton @click="handleSearch">
+        <i-icon-park-outline-search class="text-18px" />
+      </HeaderButton>
     </template>
     <span>搜索</span>
   </n-tooltip>

src/layouts/components/header/Setting.vue

@@ -3,7 +3,7 @@
     <template #trigger>
       <HeaderButton @click="openSetting">
         <div>
-          <e-icon icon="icon-park-outline:setting-two" />
+          <i-icon-park-outline-setting-two class="text-18px" />
           <n-drawer v-model:show="drawerActive" :width="300">
             <n-drawer-content title="系统设置">这是系统设置，但是暂时还没有内容</n-drawer-content>
           </n-drawer>

src/types/global.d.ts

@@ -1,3 +1,7 @@
+import 'vue-router';
+declare module 'vue-router' {
+  interface RouteMeta extends AppRoute.RouteMeta {}
+}
 interface Window {
   $loadingBar?: import('naive-ui').LoadingBarApiInjection;
   $dialog?: import('naive-ui').DialogApiInjection;

src/types/router.d.ts

@@ -1,4 +0,0 @@
-import 'vue-router';
-declare module 'vue-router' {
-  interface RouteMeta extends AppRoute.RouteMeta {}
-}