style(header): 修改头部图标默认值大小

src/components/custom/EIcon.vue

@@ -1,17 +1,23 @@
 <template>
-  <n-icon :size="props.size || 20" :depth="props.depth" :color="props.color">
+  <n-icon :size="props.size" :depth="props.depth" :color="props.color">
     <Icon :icon="props.icon" />
   </n-icon>
 </template>
 
 <script setup lang="ts">
 import { Icon } from '@iconify/vue';
-const props = defineProps<{
-  icon: string;
-  color?: string;
-  size?: number;
-  depth?: 1 | 2 | 3 | 4 | 5;
-}>();
+const props = withDefaults(
+  defineProps<{
+    icon: string;
+    color?: string;
+    size?: number;
+    depth?: 1 | 2 | 3 | 4 | 5;
+  }>(),
+  {
+    size: 18,
+    icon: 'icon-park-outline:baby-feet',
+  },
+);
 </script>
 
 <style scoped></style>

src/layouts/components/header/Breadcrumb.vue

@@ -17,7 +17,7 @@ const router = useRouter();
 const routeStore = useRouteStore();
 const { routerPush } = useAppRouter();
 const routes = computed(() => {
-  return routeStore.createBreadcrumbFromRoutes(router.currentRoute.value.name as string!, routeStore.userRoutes);
+  return routeStore.createBreadcrumbFromRoutes(router.currentRoute.value.name as string, routeStore.userRoutes);
 });
 </script>
 

src/layouts/components/header/CollapaseButton.vue

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

src/layouts/components/header/DarkMode.vue

@@ -2,8 +2,8 @@
   <n-tooltip placement="bottom" trigger="hover">
     <template #trigger>
       <HeaderButton @click="appStore.toggleDarkMode()">
-        <i-icon-park-outline-moon v-if="appStore.darkMode" class="text-18px" />
-        <i-icon-park-outline-sun v-else class="text-18px" />
+        <i-icon-park-outline-moon v-if="appStore.darkMode" />
+        <i-icon-park-outline-sun v-else />
       </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()">
-        <i-icon-park-outline-off-screen-two v-if="appStore.fullScreen" class="text-18px" />
-        <i-icon-park-outline-full-screen-two v-else class="text-18px" />
+        <i-icon-park-outline-off-screen-two v-if="appStore.fullScreen" />
+        <i-icon-park-outline-full-screen-two v-else />
       </HeaderButton>
     </template>
     <span>全屏</span>

src/layouts/components/header/Github.vue

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

src/layouts/components/header/Notices.vue

@@ -5,7 +5,7 @@
         <template #trigger>
           <HeaderButton>
             <n-badge :value="massageCount" :max="99" style="color: unset">
-              <i-icon-park-outline-remind class="text-18px" />
+              <i-icon-park-outline-remind />
             </n-badge>
           </HeaderButton>
         </template>

src/layouts/components/header/Reload.vue

@@ -2,7 +2,7 @@
   <n-tooltip placement="bottom" trigger="hover">
     <template #trigger>
       <HeaderButton @click="handleReload">
-        <i-icon-park-outline-refresh class="text-18px" :class="{ 'animate-spin': loading }" />
+        <i-icon-park-outline-refresh :class="{ 'animate-spin': loading }" />
       </HeaderButton>
     </template>
     <span>刷新页面</span>

src/layouts/components/header/Search.vue

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

src/layouts/components/header/Setting.vue

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