From e90753a87834e4420f3503705363689ea61777ba Mon Sep 17 00:00:00 2001 From: Kisechan 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"; @@ -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; +} 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 @@