组件功能

过渡动画容器组件,用于为子组件添加进入与退出时的动画效果,提升界面切换时的视觉连贯性和交互体验。

基础用法

Template 示例:

<Transition>
  <Card>
    <Title value="带动画的卡片" />
  </Card>
</Transition>

属性说明

属性名 类型 描述 默认值
children ChatKitComponent 需要应用过渡动画的子组件(仅支持单个) -

注意:

★ 标记为必填属性。

使用说明

  • Transition 组件只能包含一个子组件

  • 自动为子组件添加淡入/淡出动画。

  • 适用于动态显示/隐藏内容的场景。

动画效果

默认提供以下动画效果:

  • 进入:淡入 (fade-in)

  • 退出:淡出 (fade-out)

  • 持续时间:300ms

  • 缓动函数:ease-in-out