We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
function transition( stateChangeExpr: string, steps: AnimationMetadata | AnimationMetadata[], options: AnimationOptions | null = null ):AnimationTransitionMetadata;
A=>B,状态转换表达式,即从哪个状态切换到哪个状态。支持以下写法:
transition("void => *", animate(500))
transition("void <=> *", animate(500)),
transition("on => off, off => void", animate(500)),
animate(),动画执行步骤,即几秒执行完,执行曲线是怎样的。 如animate('100ms ease-in') 或是一个数组 [animate('100ms ease-in'),animate(600)]
animate('100ms ease-in')
[animate('100ms ease-in'),animate(600)]
可以传入动画的延迟值和动画输入参数,以更改计时数据和样式。详见 AnimationOptions函数。
AnimationOptions
其实状态 transition("void => *", animate(500))表示的是进入,在这里可以用 :enter 表示:
:enter
transition(":enter", animate(500))
同理 transition(" *=> void", animate(500))离开可以这样写:
transition(" *=> void", animate(500))
transition(":leave", animate(500))
The text was updated successfully, but these errors were encountered:
No branches or pull requests
transition:状态之间转换处理函数
stateChangeExpr : string
A=>B,状态转换表达式,即从哪个状态切换到哪个状态。支持以下写法:
steps :AnimationMetadata
animate(),动画执行步骤,即几秒执行完,执行曲线是怎样的。
如
animate('100ms ease-in')
或是一个数组[animate('100ms ease-in'),animate(600)]
options: AnimationOptions
可以传入动画的延迟值和动画输入参数,以更改计时数据和样式。详见
AnimationOptions
函数。用法
其实状态
transition("void => *", animate(500))
表示的是进入,在这里可以用:enter
表示:同理
transition(" *=> void", animate(500))
离开可以这样写:The text was updated successfully, but these errors were encountered: