Prechádzať zdrojové kódy

修改收缩展开样式

zengyicheng 2 rokov pred
rodič
commit
3364405d4d
1 zmenil súbory, kde vykonal 264 pridanie a 259 odobranie
  1. 264 259
      src/components/studyStudent.vue

+ 264 - 259
src/components/studyStudent.vue

@@ -270,7 +270,7 @@
                 >
                   <div
                     class="wheel"
-                    style="height:auto;min-height:650px"
+                    style="height: auto; min-height: 650px"
                     v-if="
                       vedio.length &&
                       vedio[taskCount] &&
@@ -1897,6 +1897,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
                       <el-button
                         type="text"
@@ -2096,23 +2113,6 @@
                           </div>
                         </div>
                       </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="
-                          worksStudent[toolIndex].length > 6 &&
-                          isCloseList[toolIndex].isClose == 0
-                        "
-                      >
-                        收缩
-                      </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="isCloseList[toolIndex].isClose == 1"
-                      >
-                        展开
-                      </div>
                     </div>
                     <div style="font-size: 18px">未提交</div>
                     <div class="noWorksS">
@@ -2145,6 +2145,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
                     </div>
                     <div
@@ -2248,23 +2265,6 @@
                           </div>
                         </div>
                       </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="
-                          worksStudent[toolIndex].length > 6 &&
-                          isCloseList[toolIndex].isClose == 0
-                        "
-                      >
-                        收缩
-                      </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="isCloseList[toolIndex].isClose == 1"
-                      >
-                        展开
-                      </div>
                     </div>
                     <div style="font-size: 18px">未提交</div>
                     <div class="noWorksS">
@@ -2574,6 +2574,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
 
                       <el-button
@@ -2614,23 +2631,7 @@
                             alt
                           />
                         </div>
-                        <div
-                          class="corOpen"
-                          @click="contract(toolIndex)"
-                          v-if="
-                            worksStudent[toolIndex].length > 6 &&
-                            isCloseList[toolIndex].isClose == 0
-                          "
-                        >
-                          收缩
-                        </div>
-                        <div
-                          class="corOpen"
-                          @click="contract(toolIndex)"
-                          v-if="isCloseList[toolIndex].isClose == 1"
-                        >
-                          展开
-                        </div>
+
                         <!-- <div class="works" style="
                             width: 200px;
                             height: 140px;
@@ -2738,6 +2739,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
                       <el-button
                         type="text"
@@ -2783,23 +2801,6 @@
                             alt
                           />
                         </div>
-                        <div
-                          class="corOpen"
-                          @click="contract(toolIndex)"
-                          v-if="
-                            worksStudent[toolIndex].length > 6 &&
-                            isCloseList[toolIndex].isClose == 0
-                          "
-                        >
-                          收缩
-                        </div>
-                        <div
-                          class="corOpen"
-                          @click="contract(toolIndex)"
-                          v-if="isCloseList[toolIndex].isClose == 1"
-                        >
-                          展开
-                        </div>
                       </div>
                     </div>
 
@@ -2833,6 +2834,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
                       <el-button
                         type="text"
@@ -2954,23 +2972,6 @@
                           </div>
                         </div>
                       </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="
-                          worksStudent[toolIndex].length > 6 &&
-                          isCloseList[toolIndex].isClose == 0
-                        "
-                      >
-                        收缩
-                      </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="isCloseList[toolIndex].isClose == 1"
-                      >
-                        展开
-                      </div>
                     </div>
                     <div style="font-size: 18px">未提交</div>
                     <div class="noWorksS">
@@ -3002,6 +3003,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
                       <el-button
                         type="text"
@@ -3106,23 +3124,6 @@
                           </div>
                         </div>
                       </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="
-                          worksStudent[toolIndex].length > 6 &&
-                          isCloseList[toolIndex].isClose == 0
-                        "
-                      >
-                        收缩
-                      </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="isCloseList[toolIndex].isClose == 1"
-                      >
-                        展开
-                      </div>
                     </div>
                     <div style="font-size: 18px">未提交</div>
                     <div class="noWorksS">
@@ -3154,6 +3155,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
                       <el-button
                         type="text"
@@ -3258,23 +3276,6 @@
                           </div>
                         </div>
                       </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="
-                          worksStudent[toolIndex].length > 6 &&
-                          isCloseList[toolIndex].isClose == 0
-                        "
-                      >
-                        收缩
-                      </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="isCloseList[toolIndex].isClose == 1"
-                      >
-                        展开
-                      </div>
                     </div>
                     <div style="font-size: 18px">未提交</div>
                     <div class="noWorksS">
@@ -3306,6 +3307,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
                       <el-button
                         type="text"
@@ -3410,23 +3428,6 @@
                           </div>
                         </div>
                       </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="
-                          worksStudent[toolIndex].length > 6 &&
-                          isCloseList[toolIndex].isClose == 0
-                        "
-                      >
-                        收缩
-                      </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="isCloseList[toolIndex].isClose == 1"
-                      >
-                        展开
-                      </div>
                     </div>
                     <div style="font-size: 18px">未提交</div>
                     <div class="noWorksS">
@@ -3458,6 +3459,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
                       <el-button
                         type="text"
@@ -3562,23 +3580,6 @@
                           </div>
                         </div>
                       </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="
-                          worksStudent[toolIndex].length > 6 &&
-                          isCloseList[toolIndex].isClose == 0
-                        "
-                      >
-                        收缩
-                      </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="isCloseList[toolIndex].isClose == 1"
-                      >
-                        展开
-                      </div>
                     </div>
                     <div style="font-size: 18px">未提交</div>
                     <div class="noWorksS">
@@ -3610,6 +3611,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
                       <el-button
                         type="text"
@@ -3668,23 +3686,6 @@
                           <div>{{ w.sName }}</div>
                         </div>
                       </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="
-                          worksStudent[toolIndex].length > 6 &&
-                          isCloseList[toolIndex].isClose == 0
-                        "
-                      >
-                        收缩
-                      </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="isCloseList[toolIndex].isClose == 1"
-                      >
-                        展开
-                      </div>
                     </div>
                     <div style="font-size: 18px">未提交</div>
                     <div class="noWorksS">
@@ -3716,6 +3717,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
                       <el-button
                         type="text"
@@ -3798,23 +3816,6 @@
                           </div>
                         </div>
                       </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="
-                          worksStudent[toolIndex].length > 6 &&
-                          isCloseList[toolIndex].isClose == 0
-                        "
-                      >
-                        收缩
-                      </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="isCloseList[toolIndex].isClose == 1"
-                      >
-                        展开
-                      </div>
                     </div>
                     <div style="font-size: 18px">未提交</div>
                     <div class="noWorksS">
@@ -3922,6 +3923,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
                       <el-button
                         type="text"
@@ -3956,23 +3974,7 @@
                           alt
                         />
                       </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="
-                          worksStudent[toolIndex].length > 6 &&
-                          isCloseList[toolIndex].isClose == 0
-                        "
-                      >
-                        收缩
-                      </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="isCloseList[toolIndex].isClose == 1"
-                      >
-                        展开
-                      </div>
+
                       <!-- <div
                         class="works"
                         style="
@@ -4178,6 +4180,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
                       <el-button
                         type="text"
@@ -4213,23 +4232,6 @@
                           alt
                         />
                       </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="
-                          worksStudent[toolIndex].length > 6 &&
-                          isCloseList[toolIndex].isClose == 0
-                        "
-                      >
-                        收缩
-                      </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="isCloseList[toolIndex].isClose == 1"
-                      >
-                        展开
-                      </div>
                     </div>
                     <div style="font-size: 18px">未提交</div>
                     <div class="noWorksS">
@@ -4261,6 +4263,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
                       <el-button
                         type="text"
@@ -4369,23 +4388,6 @@
                           </div>
                         </div>
                       </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="
-                          worksStudent[toolIndex].length > 6 &&
-                          isCloseList[toolIndex].isClose == 0
-                        "
-                      >
-                        收缩
-                      </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="isCloseList[toolIndex].isClose == 1"
-                      >
-                        展开
-                      </div>
                     </div>
                     <div style="font-size: 18px">未提交</div>
                     <div class="noWorksS">
@@ -4494,6 +4496,23 @@
                     >
                       <div class="worksTop">
                         <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            worksStudent[toolIndex].length > 6 &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          收缩
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
                       </div>
                       <el-button
                         type="text"
@@ -4602,23 +4621,6 @@
                           </div>
                         </div>
                       </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="
-                          worksStudent[toolIndex].length > 6 &&
-                          isCloseList[toolIndex].isClose == 0
-                        "
-                      >
-                        收缩
-                      </div>
-                      <div
-                        class="corOpen"
-                        @click="contract(toolIndex)"
-                        v-if="isCloseList[toolIndex].isClose == 1"
-                      >
-                        展开
-                      </div>
                     </div>
                     <div style="font-size: 18px">未提交</div>
                     <div class="noWorksS">
@@ -10304,6 +10306,9 @@ export default {
         ].isLook = true;
         this.addCourseState(3);
       }
+      for (var ci = 0; ci < this.isCloseList.length; ci++) {
+        this.isCloseList[ci].isClose = 0;
+      }
       this.showType = 0;
       this.isNoHomeWork = false;
       (this.studyJuri = [
@@ -15753,11 +15758,11 @@ ol {
 .worksTop {
   display: flex;
   flex-direction: row;
-  align-items: center;
+  align-items: flex-end;
 }
 .corOpen {
-  margin: 0 0 10px 10px;
-  font-size: 16px;
+  margin: 0 0 0 10px;
+  font-size: 14px;
   cursor: pointer;
   color: #505050;
 }