组件功能
过渡动画容器组件,用于为子组件添加进入与退出时的动画效果,提升界面切换时的视觉连贯性和交互体验。
基础用法
Template 示例:
<Transition>
<Card>
<Title value="带动画的卡片" />
</Card>
</Transition>
属性说明
|
children ★ | ChatKitComponent
| 需要应用过渡动画的子组件(仅支持单个) | - |
使用说明
Transition 组件只能包含一个子组件。
自动为子组件添加淡入/淡出动画。
适用于动态显示/隐藏内容的场景。
动画效果
默认提供以下动画效果:
进入:淡入 (fade-in)
退出:淡出 (fade-out)
持续时间:300ms
缓动函数:ease-in-out