Explorar el Código

fix: 【我的素材】音频图标播放时保存hover态

任一存 hace 4 años
padre
commit
f74105bae6
Se han modificado 1 ficheros con 2 adiciones y 2 borrados
  1. 2 2
      src/components/audio/index.vue

+ 2 - 2
src/components/audio/index.vue

@@ -3,7 +3,7 @@
     <audio ref="audio" :key="vkey">
       <source :src="myAudioUrl+`?_=${idleft}`" type="audio/mp3" />
     </audio>
-    <div class="UI-wrapper" @click="myPlay">
+    <div class="UI-wrapper" :class="{'UI-wrapper--playing': !notPlaying}" @click="myPlay">
       <div class="UI" :ref="`_${vkey}`">
         <div :id="idleft" class="left"></div>
         <div :id="idright" class="right"></div>
@@ -263,7 +263,7 @@ export default {
   width: 44px;
   height: 50px;
   cursor: pointer;
-  &:hover {
+  &:hover, &--playing {
     background-image: url('~@/assets/images/icons/icon-music-hover@2x.png');
     .UI {
       display: block;