rotate

src/views/xiaoku-music/component/play-item/index.module.less

@@ -49,6 +49,11 @@
       opacity: 0;
       animation: rotateImg 6s linear infinite;
     }
+    &.imgRotate{
+      img {
+        animation-play-state: paused;
+      }
+    }
 
     img[data-loaded="true"] {
       opacity: 1;

src/views/xiaoku-music/component/play-item/index.tsx

@@ -86,7 +86,11 @@ export default defineComponent({
     return () => (
       <div class={[styles.container, props.show ? styles.show : styles.hidden]}>
         <div class={[styles.item]}>
-          <div class={styles.img}>
+          <div
+            class={[
+              styles.img,
+              props.playState !== 'play' && styles.imgRotate
+            ]}>
             <NImage
               lazy
               objectFit="cover"