1

src/views/course/components/courseTitle.vue

@@ -5,6 +5,10 @@
       <div class="ct-chap-title">{{ chapInfo.dyName }}</div>
       <div class="ct-task">任务{{ taskCount + 1 }}</div>
     </div>
+    <div class="ct-taskName">
+      <div class="ct-task">任务{{ taskCount + 1 }}</div>
+      <div class="ct-tname" v-if="chapInfo.chapterInfo && chapInfo.chapterInfo[0].taskJson[taskCount].task">{{ chapInfo.chapterInfo[0].taskJson[taskCount].task }}</div>
+    </div>
     <div class="ct-detail" v-if="chapInfo.chapterInfo && chapInfo.chapterInfo[0].taskJson[taskCount].taskDetail">
       <div class="detail" v-html="chapInfo.chapterInfo[0].taskJson[taskCount].taskDetail"></div>
     </div>
@@ -65,6 +69,25 @@ export default {
       min-width: fit-content;
     }
   }
+  .ct-taskName {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-items: center;
+    margin: 15px 0 0 0;
+    .ct-task {
+      padding: 0.1rem;
+      color: #fff;
+      font-size: 12px;
+      background: rgb(73, 161, 241);
+      border-radius: 0.1rem;
+      min-width: fit-content;
+    }
+    .ct-tname{
+      margin-left: 10px;
+      font-size: 16px;
+    }
+  }
   /deep/ .ct-detail {
     width: 100%;
     padding: 10px;

src/views/courseDetail/components/courseChap.vue

@@ -70,6 +70,7 @@ export default {
     margin: 10px auto;
     height: 300px;
     overflow: auto;
+    line-height: 30px;
   }
   .courseJdBox {
     width: 100%;

src/views/courseDetail/index.vue

@@ -1,7 +1,9 @@
 <template>
   <div>
     <head-bar @back="back">
-      <template #title> </template>
+      <template #title>
+        <div class="navTitle">课程详情</div>
+      </template>
     </head-bar>
     <div class="courseBoxMes">
       <course-message
@@ -96,6 +98,10 @@ export default {
   background: #e8ebf2;
   height: 100%;
 }
+.navTitle{
+  font-size: 16px;
+  color: #fff;
+}
 .studyCss {
   height: 60px;
   border-top: 1px solid #dddddd;

src/views/home/components/classFilter.vue

@@ -153,7 +153,7 @@ export default {
     width: 100%;
     flex-direction: row;
     flex-wrap: nowrap;
-    align-items: center;
+    align-items: flex-start;
     justify-content: flex-start;
     padding-top: 5px;
     > div:nth-child(1) {

src/views/home/components/courseAll.vue

@@ -75,8 +75,8 @@ export default {
       }
       .cRight {
         margin-left: 20px;
-        > div {
-          margin: 2px 0;
+        > div{
+          margin: 0 0 5px 0;
         }
         > div:nth-child(1) {
           font-size: 18px;