[*] 修改 GuestSideBar 首页项图标

README.md

@@ -43,6 +43,6 @@ bun dev
 - [Naive UI](https://www.naiveui.com/)
 - [v-clipboard](https://github.com/euvl/v-clipboard)
 - [TaliwindCSS](https://tailwindcss.com/)
-- [Emoji.json (UNPKG)](https://unpkg.com/[email protected]/emoji.json)
 - [twemoji](https://github.com/twitter/twemoji)
 - [twemoji-amazing](https://github.com/SebastianAigner/twemoji-amazing)
+- [xicons](https://www.xicons.org/)

package.json

@@ -13,6 +13,8 @@
     "@vicons/ionicons4": "^0.12.0",
     "@vicons/ionicons5": "^0.12.0",
     "@vicons/material": "^0.12.0",
+    "@vicons/fa": "^0.12.0",
+    "@vicons/fluent": "^0.12.0",
     "axios": "^1.7.7",
     "highlight.js": "^11.10.0",
     "js-cookie": "^3.0.5",
@@ -36,7 +38,6 @@
   "devDependencies": {
     "@tsconfig/node20": "^20.1.4",
     "@types/qs": "^6.9.16",
-    "@vicons/fa": "^0.12.0",
     "@vitejs/plugin-vue": "^5.1.4",
     "@vue/tsconfig": "^0.5.1",
     "autoprefixer": "^10.4.20",

src/assets/style.css

@@ -17,6 +17,7 @@ a:hover {
   color: #63e2b7;
 }
 
-ul, ol {
+ul,
+ol {
   margin-left: 1rem;
 }

src/components/GuestSideBar.vue

@@ -27,7 +27,8 @@
 import { NIcon, NLayoutSider, NMenu } from 'naive-ui'
 import { h, ref } from 'vue'
 
-import { LogInOutline, MailOpenOutline, PlanetOutline } from '@vicons/ionicons5'
+import { CompassOutline, LogInOutline, MailOpenOutline } from '@vicons/ionicons5'
+import { KeyReset20Regular } from '@vicons/fluent'
 
 // 手机状态下收缩菜单栏
 const collapsed = ref(true)
@@ -44,7 +45,7 @@ const menuOptions = [
     path: '/',
     label: '首页',
     key: 'MainPage',
-    icon: renderIcon(LogInOutline)
+    icon: renderIcon(CompassOutline)
   },
   {
     path: '/auth/login',
@@ -62,7 +63,7 @@ const menuOptions = [
     path: '/auth/resetPassword',
     label: '重置密码',
     key: 'ResetPassword',
-    icon: renderIcon(PlanetOutline)
+    icon: renderIcon(KeyReset20Regular)
   }
 ]
 </script>