2021-12-15 14:25:28 +08:00
|
|
|
// 淡入淡出
|
2021-12-14 16:41:43 +08:00
|
|
|
.v-modal-enter {
|
|
|
|
animation: v-modal-in 0.2s ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.v-modal-leave {
|
|
|
|
animation: v-modal-out 0.2s ease forwards;
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes v-modal-in {
|
|
|
|
0% {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes v-modal-out {
|
|
|
|
0% {
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
2021-12-15 14:25:28 +08:00
|
|
|
|
|
|
|
// 移动动画
|
|
|
|
.list-complete-item {
|
|
|
|
transition: all 1s;
|
|
|
|
}
|
|
|
|
.list-complete-enter,
|
|
|
|
.list-complete-leave-to {
|
|
|
|
opacity: 0;
|
|
|
|
transform: translateY(30px);
|
|
|
|
}
|
|
|
|
.list-complete-leave-active {
|
|
|
|
position: absolute;
|
2021-12-18 22:05:00 +08:00
|
|
|
}
|