09/21 15:10

11

src/views/index/blocks/videoList.vue

@@ -14,6 +14,7 @@
                 <p class="title">酷乐秀考生APP </p>
               </template>
               <p v-for="(item,index) in vaidoJson.app"
+                 class="subtitle"
                  :key="index"
                  :class="activeRow.id===item.id?'active':''"
                  @click='activeRow = item'>{{item.title}} </p>
@@ -24,6 +25,7 @@
                 <p class="title">酷乐秀管理端 </p>
               </template>
               <p v-for="(item,index) in vaidoJson.admin"
+                 class="subtitle"
                  :key="index"
                  :class="activeRow.id===item.id?'active':''"
                  @click='activeRow = item'>{{item.title}} </p>
@@ -34,6 +36,7 @@
               </template>
               <p v-for="(item,index) in vaidoJson.teacher"
                  :key="index"
+                 class="subtitle"
                  :class="activeRow.id===item.id?'active':''"
                  @click='activeRow = item'>{{item.title}} </p>
             </el-submenu>
@@ -132,6 +135,11 @@ export default {
 /deep/.el-collapse-item__wrap {
   border-bottom: none !important;
 }
+/deep/.el-menu-item,
+/deep/.el-submenu__title {
+  height: 70px;
+  line-height: 70px;
+}
 .videoList {
   display: flex;
   flex-direction: column;
@@ -207,7 +215,8 @@ export default {
       font-size: 20px;
       font-weight: 500;
       text-align: left;
-      padding: 0 20px;
+      width: 100%;
+      // padding: 0 20px;
       display: flex;
       flex-direction: row;
       justify-content: space-between;
@@ -225,7 +234,7 @@ export default {
       color: #fff;
       font-size: 16px;
     }
-    p {
+    .subtitle {
       height: 60px;
       line-height: 60px;
       cursor: pointer;