|
@@ -6,7 +6,7 @@
|
|
|
</el-header>
|
|
|
<el-main>
|
|
|
<router-view v-slot="{ Component }">
|
|
|
- <transition name="router_animate">
|
|
|
+ <transition name="ranimate">
|
|
|
<component :is="Component" />
|
|
|
</transition>
|
|
|
</router-view>
|
|
@@ -95,4 +95,12 @@ onMounted(async () => {
|
|
|
overflow: auto;
|
|
|
background: $backColor;
|
|
|
}
|
|
|
+
|
|
|
+.ranimate-enter-active {
|
|
|
+ animation: fadeIn .6s;
|
|
|
+}
|
|
|
+
|
|
|
+.ranimate-leave-active {
|
|
|
+ animation: fadeOut .3s;
|
|
|
+}
|
|
|
</style>
|