tencent cloud

腾讯云智能体开发平台

文档腾讯云智能体开发平台操作指南WidgetWidget 组件其他组件Transition 过渡

Transition 过渡

Download
聚焦模式
字号
最后更新时间： 2026-02-03 16:49:41

组件功能

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

基础用法

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

属性说明

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

使用说明

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

动画效果

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

上一篇: ImageSelect 图片选择下一篇: Chart 图表

帮助和支持

本页内容是否解决了您的问题？

填写满意度调查问卷，共创更好文档体验。

文档反馈