<div class="desc animation" v-else>正在思考中<span class="dots"></span></div>
.animation {
@keyframes dot {
0%,
20% {
content: '';
}
40% {
content: '.';
}
60% {
content: '..';
}
80%,
100% {
content: '...';
}
}
.dots::after {
display: inline-block;
animation: dot 1.5s steps(1, end) infinite;
content: '';
}
}