Transition 过渡

最近更新时间:2025-12-30 17:25:52

我的收藏

组件功能

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

基础用法

Template 示例:
<Transition>
<Card>
<Title value="带动画的卡片" />
</Card>
</Transition>

属性说明

属性名
类型
描述
默认值
children
ChatKitComponent
需要应用过渡动画的子组件(仅支持单个)
-
注意:
★ 标记为必填属性。

使用说明

Transition 组件只能包含一个子组件
自动为子组件添加淡入/淡出动画。
适用于动态显示/隐藏内容的场景。

动画效果

默认提供以下动画效果:
进入:淡入 (fade-in)
退出:淡出 (fade-out)
持续时间:300ms
缓动函数:ease-in-out