<div class="rotate-box" v-if="isLoading">
<img class="rotate" width="15px" height="15px" src="@/assets/svgs/loading.svg" />
</div>
.rotate-box {
margin-left: 5px;
transform: translateY(12%);
display: inline-block;
.rotate {
display: inline-block;
animation: rotate360 2s linear infinite; /* 应用旋转动画,2秒一圈,线性过渡,无限循环 */
}
}
@keyframes rotate360 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}