style: mp3播放动效优化

src/views/courseware-play/component/instrument-info/index.module.less

@@ -154,7 +154,7 @@
 
     .insList {
       width: 104%;
-      padding-right: 3%;
+      padding-right: 4%;
       flex: 1;
       display: flex;
       flex-direction: column;
@@ -183,6 +183,14 @@
             height: 100%;
             border-radius: 8px;
           }
+          .playingIcon {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            transform: translate(-50%,-50%);
+            width: 100%;
+            height: 100%;
+          }
         }
 
         .liName {

src/views/courseware-play/component/play-loading/index.module.less

@@ -8,15 +8,15 @@
     display: flex;
     justify-content: center;
     align-items: flex-end;
-    // padding-bottom: 30%;
+    padding-bottom: 30%;
 
     div {
-        width: 5px;
-        height: 20px;
+        width: 2px;
+        height: 10px;
         background: linear-gradient(135deg, #34FFC5 0%, #1BD2FF 100%);
         transform-origin: bottom;
         border-radius: 5px 5px 0 0;
-        margin: 0 2px;
+        margin: 0 1px;
     }
 
     & div:nth-child(1) {
@@ -39,10 +39,10 @@
 
 @keyframes musicWave {
     0% {
-        height: 5px;
+        height: 2px;
     }
 
     100% {
-        height: 20px;
+        height: 10px;
     }
 }