一级菜单的样式问题

src/components/education/custom-resource/edit-course-dialog.vue

@@ -9,7 +9,7 @@
       center
       :close-on-click-modal="false"
       :close-on-press-escape="false"
-      width="800px"
+      width="860px"
     >
       <div slot="title" style="text-align: left;">
         <span style="font-weight: 700;">上传课程</span>

src/components/education/custom/course-select-org.vue

@@ -314,7 +314,7 @@ export default {
 }
 
 .subject-level {
-  min-width: 1300px;
+  width: 1300px;
   display: flex;
   flex-direction: row;
   box-sizing: content-box;
@@ -334,9 +334,9 @@ export default {
     margin: 0 5px;
     color: #333333;
     margin-bottom: -1px;
-    &.active {
-      border-bottom: 2px solid #449284;
-    }    
+    // &.active {
+    //   border-bottom: 2px solid #449284;
+    // }    
     .name {
       height: 26px;
       line-height: 26px;
@@ -344,9 +344,9 @@ export default {
       padding: 0px 10px;
       border-radius: 2px;
       &.active {
-        color: #449284;
-        font-weight: 700;
-        // background: #449284;
+        padding: 0 10px;
+        background: #449284;
+        color: #fff;
       }
     }
   }

src/components/education/custom/course-select.vue

@@ -333,9 +333,9 @@ export default {
     margin: 0 5px;
     color: #333333;
     margin-bottom: -1px;
-    &.active {
-      border-bottom: 2px solid #449284;
-    }    
+    // &.active {
+    //   border-bottom: 2px solid #449284;
+    // }    
     .name {
       height: 26px;
       line-height: 26px;
@@ -343,8 +343,10 @@ export default {
       padding: 0px 10px;
       border-radius: 2px;
       &.active {
-        color: #449284;
-        font-weight: 700;
+        padding: 0 10px;
+        background: #449284;
+        color: #fff;
+        // font-weight: 700;
         // background: #449284;
       }
     }