| | |
| | | <template> |
| | | <section class="app-main"> |
| | | <router-view v-slot="{ Component, route }" :key="$route.fullPath"> |
| | | <router-view v-slot="{ Component, route }"> |
| | | <transition :enter-active-class="animante" mode="out-in"> |
| | | <keep-alive :include="tagsViewStore.cachedViews"> |
| | | <component :is="Component" v-if="!route.meta.link" :key="route.path" /> |
| | |
| | | const animante = ref<string>(''); |
| | | const animationEnable = ref(useSettingsStore().animationEnable); |
| | | watch( |
| | | () => useSettingsStore().animationEnable, |
| | | () => tagsViewStore.cachedViews, |
| | | (val) => { |
| | | console.log(val); |
| | | }, |
| | | { deep: true } |
| | | ); |
| | | watch( |
| | | () => useSettingsStore().animationEnable, |
| | | (val: boolean) => { |
| | | animationEnable.value = val; |
| | | if (val) { |
| | | animante.value = proxy?.animate.animateList[Math.round(Math.random() * proxy?.animate.animateList.length)] as string; |