From 8d1192da13deccab864a6c24441e699de3aa0957 Mon Sep 17 00:00:00 2001
From: Charles7c <charles7c@126.com>
Date: Wed, 14 Sep 2022 17:59:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=EF=BC=9A=E5=BD=92=E6=A1=A3?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E7=94=9F=E8=82=96=E5=9B=BE=E6=A0=87=E6=82=AC?=
 =?UTF-8?q?=E6=B5=AE=E6=8F=90=E7=A4=BA=E8=B0=83=E6=95=B4=E4=B8=BA=E4=B8=AD?=
 =?UTF-8?q?=E6=96=87=E5=90=8D=E7=A7=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/theme/components/Archive.vue | 34 +++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/docs/.vitepress/theme/components/Archive.vue b/docs/.vitepress/theme/components/Archive.vue
index 41bd750d6..2d7b074f9 100644
--- a/docs/.vitepress/theme/components/Archive.vue
+++ b/docs/.vitepress/theme/components/Archive.vue
@@ -49,7 +49,7 @@
     <!-- 时间轴主体 -->
     <div class="timeline-item" v-for="(item, year) in archiveData">
       <div class="year">
-        <img class="chinese-zodiac" @click="goToLink('/archives.html', 'year', year.replace('年', ''))" :src="'/img/svg/chinese-zodiac/' + getChineseZodiac(year.replace('年', '')) + '.svg'" :title="getChineseZodiac(year.replace('年', ''))" alt="生肖">
+        <img class="chinese-zodiac" @click="goToLink('/archives.html', 'year', year.replace('年', ''))" :src="'/img/svg/chinese-zodiac/' + getChineseZodiac(year.replace('年', '')) + '.svg'" :title="getChineseZodiacAlias(year.replace('年', ''))" alt="生肖">
         <span>{{ year }}</span>
       </div>
       <div class="timeline-item-content">
@@ -183,6 +183,38 @@ function getChineseZodiac(year) {
       return 'goat'
   }
 }
+
+/**
+ * 获取生肖名称
+ */
+function getChineseZodiacAlias(year) {
+  switch(year % 12){
+    case 0:
+      return '猴年'
+    case 1:
+      return '鸡年'
+    case 2:
+      return '狗年'
+    case 3:
+      return '猪年'
+    case 4:
+      return '鼠年'
+    case 5:
+      return '牛年'
+    case 6:
+      return '虎年'
+    case 7:
+      return '兔年'
+    case 8:
+      return '龙年'
+    case 9:
+      return '蛇年'
+    case 10:
+      return '马年'
+    case 11:
+      return '羊年'
+  }
+}
 </script>
 
 <style scoped>