💄 feat(icon): 更换图标

docs/项目资源说明.md

@@ -2,12 +2,12 @@
 Author: 目棃
 Date: 2023-03-10
 Description: 项目资源说明
-Update: 2023-04-23
+Update: 2023-05-07
 ---
 
 > 本文档 [`Front-matter`](https://github.com/BTMuli/Mucli#FrontMatter) 由 [MuCli](https://github.com/BTMuli/Mucli) 自动生成于`2023-03-10 22:05:44`
 > 
-> 更新于 `2023-04-23 13:18:12`
+> 更新于 `2023-05-07 14:22:00`
 
 ## 说明
 
@@ -26,10 +26,10 @@ Update: 2023-04-23
 - 公告：个人绘制 SVG
 - 成就：个人绘制 SVG
 - 米游社：[米游社](https://www.miyoushe.com)，其子目录同样来源于米游社
-- 图鉴：`mdi:book-open-page-variant`
+- 图鉴：[原神「盛典与慧业」内容专题页](https://webstatic.mihoyo.com/ys/event/e20210601blue_post/vert.html?page_sn=b3a3f395f09e4f8d&bbs_presentation_style=fullscreen&utm_source=bbs&utm_medium=ys&utm_campaign=pgc)
   - GCG：个人绘制 SVG
-  - 角色图鉴：`mdi:account`
-  - 武器图鉴：`mdi:sword`
+  - 角色图鉴：[原神「盛典与慧业」内容专题页](https://webstatic.mihoyo.com/ys/event/e20210601blue_post/vert.html?page_sn=b3a3f395f09e4f8d&bbs_presentation_style=fullscreen&utm_source=bbs&utm_medium=ys&utm_campaign=pgc)
+  - 武器图鉴：[原神「盛典与慧业」内容专题页](https://webstatic.mihoyo.com/ys/event/e20210601blue_post/vert.html?page_sn=b3a3f395f09e4f8d&bbs_presentation_style=fullscreen&utm_source=bbs&utm_medium=ys&utm_campaign=pgc)
 - 模式切换：`mdi-weather-night` `mdi-weather-sunny`
 - 设置：个人绘制 SVG
 

src/components/t-sidebar.vue

@@ -48,6 +48,11 @@
             <img src="/platforms/mhy/ys.webp" alt="ys" class="side-icon">
           </template>
         </v-list-item>
+        <v-list-item title="星穹铁道" value="mhy-sr" link href="/news/6">
+          <template #prepend>
+            <img src="/platforms/mhy/sr.webp" alt="sr" class="side-icon">
+          </template>
+        </v-list-item>
         <v-list-item title="崩坏3" value="mhy-bh3" link href="/news/1">
           <template #prepend>
             <img src="/platforms/mhy/bh3.webp" alt="bh3" class="side-icon">
@@ -63,11 +68,6 @@
             <img src="/platforms/mhy/wd.webp" alt="wd" class="side-icon">
           </template>
         </v-list-item>
-        <v-list-item title="星穹铁道" value="mhy-sr" link href="/news/6">
-          <template #prepend>
-            <img src="/platforms/mhy/sr.webp" alt="sr" class="side-icon">
-          </template>
-        </v-list-item>
         <v-list-item title="绝区零" value="mhy-zzz" link href="/news/8">
           <template #prepend>
             <img src="/platforms/mhy/zzz.webp" alt="zzz" class="side-icon">
@@ -84,10 +84,7 @@
         <template #activator="{ props }">
           <v-list-item title="图鉴" v-bind="props">
             <template #prepend>
-              <!-- TODO: 后续更换图标-->
-              <v-icon style="color:var(--sidebar-icon)">
-                mdi-book-open-variant
-              </v-icon>
+              <img src="/source/UI/guideMini.webp" alt="wikiIcon" class="side-icon-mini">
             </template>
           </v-list-item>
         </template>
@@ -98,18 +95,12 @@
         </v-list-item>
         <v-list-item title="角色图鉴" value="wiki-character" link href="/wiki/character">
           <template #prepend>
-            <!-- TODO: 后续更换图标-->
-            <v-icon style="color:var(--sidebar-icon)">
-              mdi-account
-            </v-icon>
+            <img src="/source/UI/avatarMini.webp" alt="characterIcon" class="side-icon-mini">
           </template>
         </v-list-item>
         <v-list-item title="武器图鉴" value="wiki-weapon" link href="/wiki/weapon">
           <template #prepend>
-            <!-- TODO: 后续更换图标 -->
-            <v-icon style="color:var(--sidebar-icon)">
-              mdi-sword
-            </v-icon>
+            <img src="/source/UI/weaponMini.webp" alt="weaponIcon" class="side-icon-mini">
           </template>
         </v-list-item>
       </v-list-group>
@@ -217,4 +208,11 @@ async function switchTheme () {
   margin-right: 32px;
   border-radius: 5px;
 }
+
+.side-icon-mini {
+  width: 36px;
+  height: 36px;
+  transform: translateX(-6px);
+  margin-right: 20px;
+}
 </style>