1

src/views/course/components/navBox.vue

@@ -325,7 +325,7 @@ export default {
       .navTaskname {
         @include textoverflow();
         padding-left: 5px;
-        font-size: 14px;
+        font-size: 15px;
       }
 
       .openTaskActive {

src/views/course/index.vue

@@ -152,8 +152,8 @@ export default {
     },
     nextOrpreSteps(t) {
       this.$refs.navbox.nextOrpreSteps(t)
-      var a = this.$refs["cBox"];
-      a.scrollTop = 0;
+      var a = this.$refs['cBox']
+      a.scrollTop = 0
     },
     back() {
       // eslint-disable-next-line prettier/prettier
@@ -194,6 +194,15 @@ export default {
       // position: absolute;
       // left: 0;
     }
+    > div {
+      width: 200px;
+      text-align: center;
+      max-width: 200px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      word-break: break-word;
+    }
     .next {
       // margin: 0 1rem;
     }

src/views/courseDetail/components/courseChap.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="chapBox">
     <div class="chapTop">
-      <div :class="{ isStepCss: isStep == 0 }" @click="isStep = 0">项目详情</div>
-      <div :class="{ isStepCss: isStep == 1 }" @click="isStep = 1">任务阶段</div>
+      <div :class="{ isStepCss: isStep == 0 }" @click="isStep = 0">任务阶段</div>
+      <div :class="{ isStepCss: isStep == 1 }" @click="isStep = 1">项目详情</div>
     </div>
-    <div v-if="isStep == 0" class="briefCss">
+    <div v-if="isStep == 1" class="briefCss">
       {{ brief ? brief : '暂无详情' }}
     </div>
-    <div v-if="isStep == 1" class="courseJdBox">
+    <div v-if="isStep == 0" class="courseJdBox">
       <div class="blue_box_one" v-for="(item, index) in chInfo" :key="index" @click="goCourse">
         <div>第{{ index + 1 }}阶段</div>
         <div :title="item.dyName">{{ item.dyName }}</div>
@@ -66,22 +66,19 @@ export default {
   .briefCss {
     width: 90%;
     text-indent: 30px;
-    font-size: 15px;
+    font-size: 16px;
     margin: 10px auto;
     height: 300px;
     overflow: auto;
     line-height: 30px;
   }
   .courseJdBox {
-    width: 100%;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: flex-start;
     justify-content: flex-start;
     padding: 0 0 0 30px;
-    height: 300px;
-    overflow: auto;
     .blue_box_one {
       width: 150px;
       height: 150px;

src/views/courseDetail/components/courseMessage.vue

@@ -22,12 +22,12 @@
         <div class="cSecond">
           <div class="cTypeBox" v-if="cType.length">
             <div v-for="(item, index) in cType" :key="index" class="cType">
-              <span>{{ item + '：' }}</span>
+              <span style="min-width: 50px">{{ item + '：' }}</span>
               <span v-for="(item2, index2) in cJson[item]" :key="index2">{{ item2 }}</span>
             </div>
           </div>
           <div>
-            创建者：<span>{{ cDetail.username }}</span>
+            <span style="min-width: 50px">创建者：</span> <span>{{ cDetail.username }}</span>
           </div>
         </div>
         <div class="Tname" v-if="tName.length > 0" @click="TnameCheck = !TnameCheck">
@@ -37,6 +37,7 @@
           ><span v-if="!TnameCheck && tName.length > 6">更多....</span>
         </div>
         <div class="people">
+          <div>参与人数：</div>
           <div class="man">
             <img src="../../../assets/images/home/people.png" alt />
           </div>
@@ -140,7 +141,7 @@ $font: 15px;
             flex-wrap: nowrap;
             align-items: center;
             > span:nth-child(2) {
-              max-width: 200px;
+              max-width: 180px;
               white-space: nowrap;
               overflow: hidden;
               text-overflow: ellipsis;
@@ -159,6 +160,9 @@ $font: 15px;
       .people {
         padding: $pad;
         @include display();
+        > div:nth-child(1) {
+          font-size: 15px;
+        }
         .man {
           width: 20px;
           height: 20px;

src/views/home/components/classFilter.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="classBox">
     <div class="allType">
-      <div :class="{ isClickCss: isClick === 0 }" @click="cleanAllType">全部</div>
-      <div v-for="(item, index) in CourseType[0]" :key="index" class="tNameBox">
-        <div :class="{ isClickCss: isClick === index + 1 }" @click="typeClick(item.id)">{{ item.name }}</div>
+      <div :class="{ isClickCss: isClick === 0 }" @click="cleanAllType" class="tNameBox">全部</div>
+      <div v-for="(item, index) in CourseType[0]" :key="index" >
+        <div :class="{ isClickCss: isClick === index + 1 }" class="tNameBox" @click="typeClick(item.id)">{{ item.name }}</div>
       </div>
     </div>
     <div v-if="isClick !== 0 && isOpen === true">
@@ -130,7 +130,7 @@ export default {
 
 <style lang="scss" scoped>
 .classBox {
-  height: 40px;
+  height: 50px;
   padding-bottom: 10px;
   box-sizing: border-box;
   position: relative;
@@ -155,21 +155,22 @@ export default {
     flex-wrap: nowrap;
     align-items: flex-start;
     justify-content: flex-start;
-    padding-top: 5px;
+    padding-top: 10px;
     > div:nth-child(1) {
-      font-weight: bold;
       font-size: 16px;
     }
     > div:nth-child(1),
-    .tNameBox > div {
+    .tNameBox {
       padding: 0 8px 3px 8px;
       margin: 0 10px;
       font-size: 16px;
     }
-    .tNameBox > div {
+    .tNameBox {
       color: #8c8c8c;
     }
     .isClickCss {
+      font-weight: bold;
+      color: #000;
       border-bottom: 3px solid #5089d6;
     }
   }

src/views/home/components/courseItem.vue

@@ -77,7 +77,7 @@ export default {
       font-size: 14px;
     }
     > div:nth-child(1) {
-      font-size: 18px;
+      font-size: 16.5px;
       font-weight: bold;
       max-width: 220px;
       white-space: nowrap;