- 使用transition组件时可以指定过渡效果的名字,如设置
name
属性值为"slide"。 - 若设置了
name
属性,在被包装元素上会添加相应前缀的类,用于定义过渡效果。 - 可以为
slide
过渡效果设计入场初始状态(slide-enter-from
),设置元素透明度和平移量。 - 入场过程(
slide-enter-active
)和结束状态(slide-enter-to
)的样式可以通过transition
属性设置过渡时长。 - 离场过程(
slide-leave-active
)和结束状态(slide-leave-to
)也需要相应设置,定义元素透明度变化和平移效果。 - 在浏览器中点击按钮可以测试应用这种自定义的
slide
过渡效果。