// fade 效果
@keyframes fade-in
  0%
    opacity 0
  100%
    opacity 1
@keyframes fade-out
  0%
    opacity 1
  100%
    opacity 0
.fade-enter-active
  animation fade-in .3s
.fade-leave-active
  animation fade-out .3s

// slide 效果
@keyframes slide-up-in
  0%
    transform translate3d(0, 100%, 0)
  100%
    transform translate3d(0, 0, 0)
@keyframes slide-up-out
  0%
    transform translate3d(0, 0, 0)
  100%
    transform translate3d(0, 100%, 0)
.slide-up-enter-active
  animation slide-up-in .3s
.slide-up-leave-active
  animation slide-up-out .3s