umhiru

       <div class="wrapper" id="app">
      <div class="player">
        <div class="player__top">
          <div class="player-cover">
            <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>
          </div>
          <div class="player-controls">
            <div class="player-controls__item -favorite" :class="{ active : currentTrack.favorited }" @click="favorite">

umhiru

Flat music player

Simple music player. Inspired by Paul Flavius Nechita on dribbble : https://dribbble.com/shots/2132841-Day-005-Music-Player.

A Pen by umhiru on CodePen.

License.