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