mahdium/TBW
1
0
Fork 0
mirror of https://github.com/mmahdium/TBW.git synced 2026-08-14 16:22:48 +03:30
Code Issues Packages Projects Releases Wiki Activity

Added animation to page change

Browse Source
This commit is contained in:
mahdium
2025-10-21 10:38:28 +03:30
parent 29392d8a64
commit d53762ffa2
1 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+21 -2
View File
@@ -6,7 +6,26 @@ import NavBar from './components/NavBar.vue'
<template> <template>
<NavBar /> <NavBar />
<RouterView /> <RouterView v-slot="{ Component, route }">
<transition name="page" mode="out-in">
<component :is="Component" :key="route.path" />
</transition>
</RouterView>
</template> </template>
<style scoped></style> <style scoped>
.page-enter-active,
.page-leave-active {
transition: all 0.2s ease;
}
.page-enter-from {
opacity: 0;
transform: translateX(20px);
}
.page-leave-to {
opacity: 0;
transform: translateX(-20px);
}
</style>