内置组件

Animate

Animate组件为元素提供了动画能力,你可以直接在模板中使用它而无需引入。参考动画

  • @prop a:tag {String} 指定组件要渲染的标签,默认'div'
  • @prop a:transition {String} 指定动画时添加的类名的前缀,默认'animate'
  • @prop a:appear {Boolean} 指定是否为初始化渲染添加单独的动画,默认false,表示初始化渲染 时,使用enter动画
  • @prop a:mode 指定动画渲染的模式,可选项为out-in | in-out | both,默认为both
  • @prop a:move 指定是否当元素进入或离开,导致兄弟元素改变位置时,是否使用动画移动位置,默认true
  • @prop a:disabled 指定当前组件是否只做动画管理者,自身不进行动画,默认false,表示即做动画管理者, 自身也进行动画
  • @prop a:delayDestroy 当为true,表示动画完成后才销毁组件,否则先执行destroy方法再进行动画,默认为true
  • @event a:enterStart 进入动画开始时触发
  • @event a:enter 进入动画进行时触发
  • @event a:enterEnd 进入动画结束时触发
  • @event a:leaveStart 离开动画开始时触发
  • @event a:leave 离开动画进行时触发
  • @event a:leaveEnd 离开动画结束时触发
  • @event a:appearStart 初次渲染动画开始时触发
  • @event a:appear 初次渲染动画进行时触发
  • @event a:appearEnd 初次渲染动画结束时触发
  • @example
    1. <div>
    2. <Animate v-if={self.get('show')}>Show</Animate>
    3. </div>