vue音频播放器组件

因为原生audio 播放器太丑了 重新整理 百度综合完成了播放器，
基于element ui 组件书写的 需要的自取

<template>
  <div class="audio-player">
    <!-- :src="require(`${list[index].url}`) closeIcon -->
    <audio controls ref="audio-player"></audio>

    <div class="audio-mock-player" v-if="isShowAudioPlayer">
      <img :src="closeIcon" class="closeicon" @click="closeAudioPlay" />
      <!-- 上一首 -->
      <img
        @click="musicPlay('pre')"
        src="./asset/leftwhite.png"
        class="preicon"
      />
      <!-- "暂停" : "播放" -->
      <img
        @click="musicPlay('play')"
        class="play-sty"
        :src="play ? plozeIcon : playIcon"
      />
      <!-- 下一首 -->
      <img @click="musicPlay('next')" src="./asset/next.png" class="preicon" />

      <div class="right-menu">
        <div class="song-name">{
  { list[index].name }}</div>
        <div class="bottom">
          <!--  播放进度条 -->
          <el-slider
            class="progress"
            v-model="sliderVal"
            :format-tooltip="formatTooltip"
            :min="sliderMin"
            :max="sliderMax"
            @change="spliderSelect"
          />

          <span class="current">{
  { currentTime }}</span>
          <span class="duration">/{
  { duration }}</span>
          <div class="vulumn" @click="changeVolumns">
            <!-- <img :src="require('./asset/vulumn.