bug: fix problem that page jitter when animation disabled; 🌟

修复:禁用动画时页面抖动的问题;
master
iczer 5 years ago
parent 9d5c100960
commit 58caeee45c
  1. 6
      src/components/transition/PageToggleTransition.vue

@ -1,10 +1,12 @@
<template> <template>
<transition <transition
:enter-active-class="disabled ? 'animate-disabled' : `animated ${enterAnimate} page-toggle-enter-active`" v-if="!disabled"
:leave-active-class="disabled ? 'animate-disabled' : `animated ${leaveAnimate} page-toggle-leave-active`" :enter-active-class="`animated ${enterAnimate} page-toggle-enter-active`"
:leave-active-class="`animated ${leaveAnimate} page-toggle-leave-active`"
> >
<slot></slot> <slot></slot>
</transition> </transition>
<div v-else><slot></slot></div>
</template> </template>
<script> <script>

Loading…
Cancel
Save