From e90753a87834e4420f3503705363689ea61777ba Mon Sep 17 00:00:00 2001
From: Kisechan <kisechan_@outlook.com>
Date: Wed, 5 Mar 2025 22:23:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A1=B5=E9=9D=A2=E8=BF=87?=
 =?UTF-8?q?=E6=B8=A1=E6=95=88=E6=9E=9C=EF=BC=8C=E6=9B=B4=E6=96=B0=E8=B7=AF?=
 =?UTF-8?q?=E7=94=B1=E5=85=83=E4=BF=A1=E6=81=AF=E4=BB=A5=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=A0=87=E9=A2=98=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=A1=B5=E8=84=9A=E5=86=85=E5=AE=B9=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json            |  7 +++++++
 package.json                 |  1 +
 src/App.vue                  | 16 ++++++++++++++--
 src/components/AppFooter.vue |  1 +
 src/router/index.js          | 34 ++++++++++++++++++++++------------
 src/views/HomeView.vue       | 25 +++++++++++++++++++++++++
 6 files changed, 70 insertions(+), 14 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 386ad3e..b6e0bf1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,7 @@
         "github-calendar": "^2.3.4",
         "js-yaml": "^4.1.0",
         "vue": "^3.5.13",
+        "vue-page-transition": "^0.2.2",
         "vue-router": "^4.5.0",
         "yaml": "^2.7.0"
       },
@@ -1909,6 +1910,12 @@
         }
       }
     },
+    "node_modules/vue-page-transition": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/vue-page-transition/-/vue-page-transition-0.2.2.tgz",
+      "integrity": "sha512-qOx+llJ28XX0VwJNJ4GVaeNBPRmPMZac2QQgrIHVUhpXyJx2CQ2XvoQOpGD1ge7QMY3PjZ6fwTbdBwZkA3I9qA==",
+      "license": "MIT"
+    },
     "node_modules/vue-router": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.0.tgz",
diff --git a/package.json b/package.json
index 3801a24..5cf9b1d 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "github-calendar": "^2.3.4",
     "js-yaml": "^4.1.0",
     "vue": "^3.5.13",
+    "vue-page-transition": "^0.2.2",
     "vue-router": "^4.5.0",
     "yaml": "^2.7.0"
   },
diff --git a/src/App.vue b/src/App.vue
index 70f5871..2c381b7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,8 +6,10 @@ import AppFooter from "./components/AppFooter.vue";
 <template>
   <div>
     <NavBar />
-    <router-view />
-    <AppFooter />
+    <transition name="fade" mode="out-in">
+      <router-view />
+    </transition>
+    <AppFooter v-if="!$route.meta.hideFooter" />
   </div>
 </template>
 
@@ -27,4 +29,14 @@ html, body {
 .main-content {
   flex: 1; /* 占据剩余空间 */
 }
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
 </style>
diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
index dbde3d8..0c8e87b 100644
--- a/src/components/AppFooter.vue
+++ b/src/components/AppFooter.vue
@@ -2,6 +2,7 @@
   <el-footer>
     <div class="footer-content">
       <div class="footer-text">
+        <p><a href="https://icp.gov.moe/?keyword=20251453" target="_blank">萌ICP备20251453号</a></p>
         <p>
           &copy; 2025 By
           <a
diff --git a/src/router/index.js b/src/router/index.js
index 28c0135..817a07e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,21 +1,31 @@
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHistory } from "vue-router";
 
 const routes = [
   {
-    path: '/',
-    name: 'home',
-    component: () => import('@/views/HomeView.vue')
+    path: "/",
+    name: "home",
+    component: () => import("@/views/HomeView.vue"),
+    meta: { hideFooter: true, title: "主页" },
   },
   {
-    path: '/links',
-    name: 'links',
-    component: () => import('@/views/LinksView.vue')
-  }
-]
+    path: "/links",
+    name: "links",
+    component: () => import("@/views/LinksView.vue"),
+    meta: { title: "友链" },
+  },
+];
 
 const router = createRouter({
   history: createWebHistory(),
-  routes
-})
+  routes,
+});
 
-export default router
\ No newline at end of file
+router.beforeEach((to, from, next) => {
+  const title = to.meta.title; // 获取路由元信息中的标题
+  if (title) {
+    document.title = "Kisechan | " + title; // 设置页面标题
+  }
+  next();
+});
+
+export default router;
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index f615775..f0210c9 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -45,6 +45,26 @@
               <i class="fa-solid fa-envelope"></i>
             </a>
           </div>
+          <div class="footer-content">
+            <p>
+              <a href="https://icp.gov.moe/?keyword=20251453" target="_blank"
+                >萌ICP备20251453号</a
+              >
+            </p>
+            <p>
+              &copy; 2025 By
+              <a
+                href="https://github.com/Kisechan"
+                target="_blank"
+                rel="nofollow noopener"
+                ><strong>Kisechan</strong></a
+              >
+            </p>
+            <p style="font-size: 0.75em">
+              Made With <a href="https://cn.vuejs.org/">Vue3</a> &
+              <a href="https://element-plus.org/zh-CN/">Element Plus</a>
+            </p>
+          </div>
         </el-col>
       </el-row>
     </el-main>
@@ -120,4 +140,9 @@ onMounted(() => {
   flex-direction: column;
   gap: 24px; /* 设置 author-info 和 social-icons 之间的间隔 */
 }
+
+.footer-content {
+  max-width: 1200px;
+  margin: 0 auto;
+}
 </style>