动态加载图标 代码控制

   /*加载图标样式*/
   .loading-icon{
        display: flex;
        justify-content: center;
        padding:20px;
    }
    .loading-icon img{
        width:.6rem;
        height:.6rem;
        animation:turn .66s linear infinite
    }
     @keyframes turn{
      0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}
    }
ss样式、

    <!-- 加载图标 -->
    <div class="loading-icon">
        <img src="/sprint_static/image/article/loading.png" alt="">
    </div>