更新

web/src/router/index.js

@@ -3,7 +3,7 @@ import VueRouter from 'vue-router'
 import Home from '../pages/Home.vue'
 
 const originalPush = VueRouter.prototype.push
-VueRouter.prototype.push = function push (location) {
+VueRouter.prototype.push = function push(location) {
   return originalPush.call(this, location).catch(err => err)
 }
 
@@ -15,7 +15,7 @@ const routes = [
     name: 'index',
     component: Home
   },
-      {
+  {
     path: '/',
     name: 'layout',
     component: () => import('../views/layout/index.vue'),

web/src/views/tab4/index.vue

@@ -20,7 +20,7 @@ import tab4four from './tab4-4.vue'
 import tab4five from './tab4-5.vue'
 export default {
   name: 'tab4',
-  components: {tab4one,tab4tow,tab4four,tab4five,tab4three},
+  components: {tab4one,tab4tow,tab4three,tab4four,tab4five},
   data () {
     // 这里存放数据
     return {

web/src/views/tab4/tab4-3.vue

@@ -3,6 +3,7 @@
     <div class="left">
       <div class="title">歌单列表</div>
       <p
+        :title='item.name'
         v-for="(item, index) in musicList"
         :key="item.id"
         :class="{ active: audioInd === index }"
@@ -110,7 +111,7 @@ export default {
     }
     p {
       text-align: left;
-      padding: 0 20px 0 43px;
+      padding: 0 20px 0 50px;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
@@ -118,7 +119,7 @@ export default {
       font-size: 20px;
       height: 40px;
       line-height: 40px;
-      margin: 10px;
+      margin: 10px 0;
       &:hover {
         background-color: #b9412e;
         color: #fff;