transition动画标签,包裹住弹窗内容,取一个name名称
<transition name="slide">
</transition>
css部分
@keyframes slideIn {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes slideOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
.slide-enter-active{
animation: slideIn .5s;
}
.slide-leave-active{
animation: slideOut .5s;
}