VUE-CSS图片旋转-实现加载中动画效果

一、代码展示

　　<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>

二、效果展示