内置组件
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
<div>
<Animate v-if={self.get('show')}>Show</Animate>
</div>