zengyicheng 2 years ago
parent
commit
2e95a98f84
1 changed files with 18 additions and 6 deletions
  1. 18 6
      src/components/study.vue

+ 18 - 6
src/components/study.vue

@@ -29,7 +29,10 @@
                 @click="openTask(stageIndex, navIndex, nav.id)"
                 :class="{ openTaskActive: nav.id == navId }"
               >
-                <div class="vedioNav" style="margin: 0">
+                <div
+                  class="vedioNav"
+                  style="margin: 0; background: #aee3d2; color: #32a77a"
+                >
                   任务{{ navIndex + 1 }}
                 </div>
                 <div class="navTaskname">
@@ -383,6 +386,7 @@
                 <div
                   class="filebox"
                   style="flex-wrap: nowrap; margin: 20px 0 10px 20px"
+                  :class="tool.toolDetail != '' ? 'isWidth' : ''"
                   v-for="(tool, toolIndex) in task.toolChoose"
                   :key="toolIndex"
                 >
@@ -478,11 +482,11 @@
                     </div>
                   </div>
                   <div
-                    style="padding: 0 0 20px 30px; width: 30%"
+                    style="padding: 0 0 20px 10px"
                     v-if="tool.toolDetail != ''"
                   >
                     <div style="margin: 0 0 20px 0">工具描述</div>
-                    <div>
+                    <div style="height: 50px; overflow: auto">
                       {{ tool.toolDetail != "" ? tool.toolDetail : "暂无描述" }}
                     </div>
                   </div>
@@ -2072,7 +2076,7 @@ export default {
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: flex-start;
-  align-items: center;
+  align-items: flex-start;
   padding: 15px 0;
 }
 
@@ -2647,6 +2651,9 @@ export default {
 .toolHeng > div {
   padding-left: 20px;
 }
+.isWidth {
+  width: 20%;
+}
 .textTitle >>> .el-form-item__label {
   font-size: 20px;
 }
@@ -2718,20 +2725,25 @@ export default {
 .twoChild {
   width: 95%;
   margin: 10px;
-  border-radius: 11px;
+  border-radius: 5px;
   background: #f2f2f2;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
-  justify-content: center;
+  justify-content: flex-start;
   align-items: flex-start;
   transition: all 0.5s;
   overflow: hidden;
   max-height: 0;
+  height: 140px;
+}
+.twoChild > div:nth-child(1) {
+  margin-top: 5px;
 }
 .navChild {
   width: 100%;
   cursor: pointer;
+  margin-bottom: 10px;
 }
 
 .navActive {