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