fix: loading animate time diffrence

lijinke666 · Sep 16, 2020 · 5aa109a · 5aa109a
1 parent 7c3c9e1
commit 5aa109a
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/styles/audioListsPanel.less b/src/styles/audioListsPanel.less
@@ -156,7 +156,7 @@
         display: inline-flex;
         width: 30px;
         .loading {
-          animation: audioLoading 0.9s linear infinite;
+          animation: @loading-animate;
         }
       }
       .player-delete {

diff --git a/src/styles/mixins.less b/src/styles/mixins.less
@@ -90,7 +90,7 @@
   }
   .loading {
     display: inline-flex;
-    animation: audioLoading 1s linear infinite;
+    animation: @loading-animate;
     svg {
       font-size: 24px;
       color: @primary-color;

diff --git a/src/styles/vars.less b/src/styles/vars.less
@@ -38,6 +38,7 @@
 @base-color: rgba(255, 255, 255, 0.6);
 @common-animate-type: cubic-bezier(0.43, -0.1, 0.16, 1.1);
 @common-animate-time: 350ms @common-animate-type;
+@loading-animate: audioLoading 1s linear infinite;
 @progress-load-bar-bg-color: rgba(0, 0, 0, 0.11);
 @progress-load-bar-bg-color-light: rgba(0, 0, 0, 0.06);
 @progress-bar-bg-color-light: rgba(0, 0, 0, 0.09);