加载条动画

src/page-instrument/view-detail/index.module.less

@@ -327,10 +327,13 @@
 }
 
 @keyframes rotate {
-    from {
+    0% {
         transform: rotate(0deg);
     }
-    to {
+    90% {
+        transform: rotate(360deg);
+    }
+    100% {
         transform: rotate(360deg);
     }
 }
@@ -366,7 +369,7 @@
         flex-wrap: wrap;
         align-content: space-between;
         margin-bottom: 24px;
-        animation: rotate 1.5s linear infinite;
+        animation: rotate 1.5s ease-in-out infinite;
         .loadingCssItem{
             width: 11px;
             height: 11px;

src/view/abnormal-pop/index.module.less

@@ -140,7 +140,7 @@
     flex-wrap: wrap;
     align-content: space-between;
     margin-bottom: 24px;
-    animation: rotate 1.5s linear infinite;
+    animation: rotate 1.5s ease-in-out infinite;
     .loadingCssItem{
         width: 11px;
         height: 11px;
@@ -154,10 +154,13 @@
 }
 
 @keyframes rotate {
-    from {
+    0% {
         transform: rotate(0deg);
     }
-    to {
+    90% {
+        transform: rotate(360deg);
+    }
+    100% {
         transform: rotate(360deg);
     }
 }