细节修改

src/views/CourseDetail/index.vue

@@ -123,7 +123,7 @@
         :isCourseTrainOut = "isOutLine"
       />
       <ul class="tag-group">
-        <div style="width: 50%;display: flex;justify-content: space-between;height: 100%">
+        <div style="width: 54%;display: flex;justify-content: space-between;height: 100%">
         <li
           v-for="(item, key) in tags"
           :key="key"
@@ -138,14 +138,7 @@
           </span>
             <div
               v-show="currentTag === item"
-              :style="{
-                   width: '100%',
-                   position:'absolute',
-                   left: 0,
-                   bottom: 0,
-                   height: '2px',
-                   background:'#5A96E9',
-                   borderRadius: '4px'}"
+              class="bottom_line"
             ></div>
           </div>
         </li>
@@ -1289,6 +1282,15 @@ export default {
 <style lang="less" scoped>
   .course-detail {
     width: 100%;
+    .bottom_line{
+      width: 100%;
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      height: 3px;
+      background: #5A96E9;
+      border-radius: 6px;
+    }
     // .video-player {
     //   height: 211pt;
     // }
@@ -1417,7 +1419,7 @@ export default {
       border-bottom: 1px solid #ddd;
       font-size: 16px;
       li {
-        margin-left: 8vw;
+        /*margin-left: 8vw;*/
         display: inline-block;
         height: 100%;
         line-height: 55px;
@@ -1433,9 +1435,11 @@ export default {
           font-weight: 600;
         }
         .count {
-          margin-left: 2px;
+          margin-left: 4px;
           position: absolute;
           font-size: 12px;
+          padding-top: 2px;
+          font-weight: normal;
         }
       }
       li:first-child{

src/views/TrainDetail/index.vue

@@ -70,7 +70,7 @@
             id="navList"
             style="z-index: 2"
           >
-            <div style="width: 50%;display: flex;justify-content: space-between;height: 100%">
+            <div style="width: 54%;display: flex;justify-content: space-between;height: 100%">
             <li
               v-for="(item, key) in tags"
               :key="key"
@@ -85,14 +85,7 @@
                 </span>
                 <div
                   v-show="currentTag === item"
-                  :style="{
-                   width: '100%',
-                   position:'absolute',
-                   left: 0,
-                   bottom: 0,
-                   height: '2px',
-                   background:'#5A96E9',
-                   borderRadius: '4px'}"
+                  class="bottom_line"
                 ></div>
               </div>
             </li>
@@ -1634,6 +1627,15 @@ export default {
 </script>
 
 <style lang="less" scoped>
+  .bottom_line{
+    width: 100%;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 3px;
+    background: #5A96E9;
+    border-radius: 6px;
+  }
   .train-detail {
     width: 100%;
     // .video-player {
@@ -1687,7 +1689,7 @@ export default {
       margin-left: 0px;
     }
     li {
-      margin-left: 8vw;
+      /*margin-left: 8vw;*/
       display: inline-block;
       height: 100%;
       line-height: 55px;
@@ -1706,9 +1708,11 @@ export default {
         font-weight: 600;
       }
       .count {
-        margin-left: 2px;
+        margin-left: 4px;
         position: absolute;
         font-size: 12px;
+        padding-top: 2px;
+        font-weight: normal;
       }
     }
   }