使用element的过渡效果来做动效

 transition来做过渡效果：

<transition name="el-zoom-in-bottom">
    <div></div>
</transition>

name属性：

属性	描述
el-fade-in-linear	淡入淡出匀速；
el-fade-in	淡入淡出快速；
el-zoom-in-center	中间缩放；
el-zoom-in-top	顶部缩放；
el-zoom-in-bottom	底部缩放；

el-collapse-transition来做折叠过渡效果：

<el-collapse-transition>
    <div></div>
</el-collapse-transition>