Transition 动画

复用动画切换组件

引入

import { Transition } from 'mand-mobile-next'

Vue.createApp().component(Transition.name, Transition)

代码演示

API

md-transition组件为Vue内置transtion的一层封装,支持所有Transition的属性参数。

其中内置动画name参数如下:

  • md-fade
  • md-fade-up
  • md-fade-down
  • md-fade-left
  • md-fade-right
  • md-slide-up
  • md-slide-down
  • md-slide-left
  • md-slide-right
  • md-bounce
  • md-punch
  • md-zoom