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框架
这样就会出现加载动画效果了。