feat: add transition effects for page and dropdown

- Add page transition CSS with opacity and blur effects

- Wrap dropdown in Transition component with slide effect

- Configure Nuxt pageTransition in config
This commit is contained in:
immortal521
2025-08-16 01:22:56 +08:00
parent 2e749a5672
commit f5557cbf08
3 changed files with 34 additions and 10 deletions

View File

@@ -75,6 +75,17 @@ const goToNewPost = () => {
<style src="~/assets/global.css"></style>
<style>
/* 页面过渡效果 */
.page-enter-active,
.page-leave-active {
transition: all 0.4s;
}
.page-enter-from,
.page-leave-to {
opacity: 0;
filter: blur(10px);
}
.header-container {
position: fixed;
top: 0;