Skip to content
On this page

内置动画

组件提供了如下内置动画,只需要引入base.css 即可包含.

淡入淡出

提供 2种 淡入淡出效果 fade-in-linearfade-in

fade-in-linear
fade-in

左右平移

move-left
move-right

缩放

提供 4种 缩放效果 zoom-in-centerzoom-in-topzoom-inzoom-in-bottom

zoom-in-center
zoom-in-top
zoom-in
zoom-in-bottom

移动渐变

提供 3种 特殊的移动渐变 fade-transverse ,fade-scale ,fade-scale-move

fade-transverse
fade-scale
fade-scale-move
fade-down

移动变换

同等位置的移动变化,会存在位置错位情况,这个动画内置了绝对定位的覆盖,可同时切换一组内容的动画类型

tab1

展开折叠

展开折叠也作为内部组件实现,直接使用 <b-collapse-transition> 包裹替换即可

collapse-transition
collapse-transition