mp3 files added

IOLOII · Aug 25, 2019 · 134927a · 134927a
1 parent b05bf0d
commit 134927a
Show file tree

Hide file tree

Showing 11 changed files with 10 additions and 8 deletions.
diff --git a/css/main.css b/css/main.css
diff --git a/index.html b/index.html
@@ -17,13 +17,12 @@
   </head>
   <body>
     <div class="wrapper" id="app">
-      <div class="player">
+      <div class="player" @mousemove="playerMouseMove" @mouseout="playerMouseOut" :style="{ transform: cardStyle }" ref="player">
         <div class="player__top">
-          <div class="player-cover">
+          <div class="player-cover" ref="cover" :style="{ transform: coverStyle }">
             <transition-group :name="transitionName">
                 <div class="player-cover__item" v-if="$index === currentTrackIndex" :style="{ backgroundImage: `url(${track.cover})` }"  v-for="(track, $index) in tracks" :key="$index"></div>
             </transition-group>
-            <!-- <img src="./img/1.png" alt="" class="player-cover__img" /> -->
           </div>
           <div class="player-controls">
             <div class="player-controls__item -favorite" :class="{ active : currentTrack.favorited }" @click="favorite">
@@ -66,9 +65,6 @@
             <div class="progress__current" :style="{ width : barWidth }"></div>
           </div>
           <div class="progress__time">{{ currentTime }}</div>
-          <!-- <span class="circle-con">
-            <div class="circle" :style="{ marginLeft : circleLeft }"></div>
-          </span> -->
         </div>
         <div v-cloak></div>
       </div>

diff --git a/mp3/10.mp3 b/mp3/10.mp3
diff --git a/mp3/2.mp3 b/mp3/2.mp3
diff --git a/mp3/3.mp3 b/mp3/3.mp3
diff --git a/mp3/4.mp3 b/mp3/4.mp3
diff --git a/mp3/5.mp3 b/mp3/5.mp3
diff --git a/mp3/6.mp3 b/mp3/6.mp3
diff --git a/mp3/7.mp3 b/mp3/7.mp3
diff --git a/mp3/8.mp3 b/mp3/8.mp3
diff --git a/mp3/9.mp3 b/mp3/9.mp3