twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-08 01:17:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修复路由meta.transition.name配置无效的问题

Browse Source
This commit is contained in:
xiaoxian521 2023-09-18 19:34:52 +08:00
parent 0fcc12a591
commit 984bddbde2
1 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/layout/components/appMain.vue
View File

@ -40,22 +40,20 @@ const getSectionStyle = computed(() => {
const transitionMain = defineComponent({ const transitionMain = defineComponent({
render() { render() {
const transitionName =
transitions.value(this.route)?.name || "fade-transform";
const enterTransition = transitions.value(this.route)?.enterTransition;
const leaveTransition = transitions.value(this.route)?.leaveTransition;
return h( return h(
Transition, Transition,
{ {
name: name: enterTransition ? "pure-classes-transition" : transitionName,
transitions.value(this.route) && enterActiveClass: enterTransition
this.route.meta.transition.enterTransition ? `animate__animated ${enterTransition}`
? "pure-classes-transition" : undefined,
: (transitions.value(this.route) && leaveActiveClass: leaveTransition
this.route.meta.transition.name) || ? `animate__animated ${leaveTransition}`
"fade-transform", : undefined,
enterActiveClass:
transitions.value(this.route) &&
`animate__animated ${this.route.meta.transition.enterTransition}`,
leaveActiveClass:
transitions.value(this.route) &&
`animate__animated ${this.route.meta.transition.leaveTransition}`,
mode: "out-in", mode: "out-in",
appear: true appear: true
}, },