Vue项目——手把手教你做出音乐播放器

进入VueMusic—安装所需的东西 cnpm install
之后 启动这个项目 npm start


App.vue 设置默认样式

<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
   
  name: 'App'
}
</script>

<style>

*{
   margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:Arial, "微软雅黑";}
img{
   border:none;max-width:100%;vertical-align:middle;}
body,p,form,input,button,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{
   margin:0;padding:0;list-style:none;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{
   font-size:100%;}
input,textarea{
   -webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-appearance:none;font-size:1em;line-height:1.5em;}
table{
   border-collapse:collapse;}
input,select,textarea{
   outline:none;border:none;background:none;}
a{
   outline:0;cursor:pointer;*star:expression(this.onbanner=this.blur());}
a:link,a:active{
   text-decoration:none;}
a:visited{
   text-decoration:none;}
a:hover{
   color:#f00;text-decoration:none;}
a{
   text-decoration:none;-webkit-touch-callout:none;}
em,i{
   font-style:normal;}
li,ol{
   list-style:none;}
html{
   font-size:16px;}
.clear{
   clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;}
.fl{