vue 加載動畫代碼實現
直接上代碼:
.demo-spin-icon-load {
animation: ani-demo-spin 1s linear infinite;
}
@keyframes ani-demo-spin {
from {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
to {
transform: rotate(360deg);
}
}
<Icon
type="ios-loading"
size="15"
v-if="loadingStat"
class="demo-spin-icon-load"
></Icon>
這里的Icon用的是iview框架
這樣就會出現加載動畫效果了。