修改样式

src/components/courseDetail.vue

@@ -69,9 +69,12 @@
                   }}</span>
                 </div>
                 <div class="Tname" v-if="Tname.length > 0">
-                  协同人员：<span v-for="(tname, tIndex) in Tname" :key="tIndex" style="margin: 0 5px; color: #000">{{
-                    tname
-                  }}</span>
+                  协同人员：<span
+                    v-for="(tname, tIndex) in Tname"
+                    :key="tIndex"
+                    style="margin: 0 5px; color: #000"
+                    >{{ tname }}</span
+                  >
                 </div>
               </div>
               <div class="cType" style="font-size: 18px; color: #6c6c6c">
@@ -171,7 +174,6 @@
                           flex-wrap: nowrap;
                           justify-content: center;
                           align-items: center;
-                          padding: 0 10px;
                         "
                         @click="addUserRate(index)"
                       >
@@ -525,7 +527,9 @@
                               flex-wrap: nowrap;
                               align-items: center;
                             "
-                            v-if="item2.task[0].tool != undefined && item2.isWork"
+                            v-if="
+                              item2.task[0].tool != undefined && item2.isWork
+                            "
                           >
                             <div
                               style="
@@ -950,8 +954,12 @@ export default {
               // _chaptersJson.tool[i][z] = [];
               _chaptersJson.tool[i].array[z] = { array: [], name: el[z].task };
               _chaptersJson.chapter[i][z] = [];
-              _chaptersJson.work[i].chapter[z] = { name: el[z].task, task: [],isWork:false };
-              if(d.length > 0){
+              _chaptersJson.work[i].chapter[z] = {
+                name: el[z].task,
+                task: [],
+                isWork: false,
+              };
+              if (d.length > 0) {
                 _chaptersJson.work[i].chapter[z].isWork = true;
               }
               _chaptersJson.work[i].is = false;
@@ -1483,7 +1491,7 @@ export default {
   border-radius: 5px;
   height: 200px;
   overflow: auto;
-  min-width: 150px;
+  max-width: 150px;
 }
 
 .p_tool {
@@ -1641,6 +1649,7 @@ export default {
 
 .chapter {
   margin-right: 30px;
+  min-width: 180px;
 }
 
 .chapter + .chapter {
@@ -1663,11 +1672,11 @@ export default {
 .chapter .task {
   display: flex;
   width: 100%;
+  min-width: 180px;
 }
 
 .chapter .task .taskBox {
-  min-width: 110px;
-  max-width: 180px;
+  min-width: 180px;
   height: 100%;
 }
 
@@ -1677,11 +1686,13 @@ export default {
 
 .chapter .task .taskBox .taskName {
   text-align: center;
-  margin: 10px;
+  margin: 10px 0;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
+  min-width: 180px;
+  width: 100%;
 }
 
 .toolIcon::before {