mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-06-03 08:27:35 +08:00
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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user