一、代碼展示
<template>
...
<div class="loading-animation-box" >
<img class="loading-animation" width="26" height="28" src="../../../static/images/balabla.png" />
</div>
...
</templeate>
<style>
.loading-animation-box{
margin: 0;
padding: 0;
.loading-animation{
animation:loading 0.75s linear infinite forwards;
}
@keyframes loading{
0%{
transform:rotate(0deg)
}
100%{
transform:rotate(360deg)
}
}
}
</style>
二、效果展示
