fix 音乐旋转

src/views/activityDetail.vue

@@ -21,7 +21,7 @@
     </div>
     <div id="introduce">
       <audio id="music" loop="loop" :src="musicUrl" autoplay v-show="false"></audio>
-      <img id="iconMusic" v-show="isPlaying" @click="musicPause" src="../assets/icon_music.png">
+      <img id="iconMusic" class="iconMusicPlay" v-show="isPlaying" @click="musicPause" src="../assets/icon_music.png">
       <img id="iconMusic" v-show="!isPlaying" @click="musicPlay" src="../assets/icon_silent.png">
       <img :src="detailImgUrl">
     </div>
@@ -267,6 +267,19 @@ export default {
     width: 32px;
     height: 32px;
   }
+  @keyframes circle { 100% { transform:rotate(360deg); transform-origin: 50% 50%; } }
+  @keyframes circle { 100% { transform:rotate(360deg); transform-origin: 50% 50%; } }
+  @-moz-keyframes circle { 100% { -moz-transform:rotate(360deg); -moz-transform-origin: 50% 50%; } }
+  @-ms-keyframes circle { 100% { -ms-transform:rotate(360deg); -ms-transform-origin: 50% 50%; } }
+  @-webkit-keyframes circle { 100% { -webkit-transform:rotate(360deg); -webkit-transform-origin: 50% 50%; } }
+  @-o-keyframes circle { 100% { -o-transform:rotate(360deg); -o-transform-origin: 50% 50%; } }
+  .iconMusicPlay{
+    animation:circle 2s linear infinite;
+    -moz-animation:circle 2s linear infinite;
+    -ms-animation:circle 2s linear infinite;
+    -webkit-animation:circle 2s linear infinite;
+    -o-animation:circle 2s linear infinite;
+  }
 }
 #applyButtonBox{
   background-color: #fff;