FadeTransition 淡入淡出

用于元素显示与隐藏时的透明度过渡，适合轻量反馈和内容切换。

示例

基础用法

属性示例

<template>
  <mt-fade-transition
    :duration="200"
    @after-leave="handleAfterLeave"
  >
    <div v-show="visible">
      淡入淡出内容
    </div>
  </mt-fade-transition>
</template>

duration 控制透明度动画时长，单位为毫秒。元素离开动画结束后会触发 after-leave。

API

Props

属性名	说明	类型	默认值
duration	过渡时长，单位 ms	number	300

Events

事件名	说明	回调参数
after-leave	离开动画结束后触发	-

Slots

插槽名	说明	作用域参数
default	需要淡入淡出的内容	-

注意事项

• 适合简单显隐，不建议承载复杂布局动画。
• 与条件渲染配合时注意保持内容状态一致。