CollapseTransition 折叠动画

用于内容展开和收起时的高度过渡，适合折叠面板、更多内容等场景。

示例

基础用法

使用说明

<template>
  <mt-collapse-transition>
    <div v-show="visible">
      折叠内容
    </div>
  </mt-collapse-transition>
</template>

动画期间会调整元素的高度与内边距，使展开与收起过程平滑过渡。

API

Props

该组件无 Props。

Events

该组件无自定义事件。

Slots

插槽名	说明	作用域参数
default	需要折叠过渡的内容	-

注意事项

• 折叠内容不宜过长，避免动画时间过久。
• 建议搭配清晰的展开/收起触发组件使用。