修改样式

src/components/pages/addCourse.vue

@@ -407,9 +407,9 @@
                         </div>
                       </div>
                       <div class="moveBtn" v-if="unitJson[unitIndex].chapterInfo[0].taskJson.length > 1">
-                        <div class="chapter_upload_up" @click.stop="taskMove(1, tIndex)">
+                        <div class="chapter_upload_up" style="margin: 0 5px 0 0;width: 25px;height: 25px;" @click.stop="taskMove(1, tIndex)">
                         </div>
-                        <div class="chapter_upload_down" @click.stop="taskMove(2, tIndex)"></div>
+                        <div class="chapter_upload_down" style="width: 25px;height: 25px;" @click.stop="taskMove(2, tIndex)"></div>
                       </div>
                     </div>
                   </div>
@@ -10704,12 +10704,17 @@ ol {
   width: calc(100% - 40px);
   padding: 0 10px 0 20px;
   box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: baseline;
 }
 
 .navTask .nt_taskTitle {
   color: #717C8D;
   line-height: 25px;
   font-size: 14px;
+  min-width: 45px;
 }
 
 .navTask .nt_taskName {
@@ -10719,7 +10724,7 @@ ol {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  font-size: 15px;
+  font-size: 14px;
   color: #0E1E33;
 }
 
@@ -10828,9 +10833,10 @@ ol {
 
 .moveBtn {
   display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  width: 40px;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  width: 55px;
 }
 
 .timuUpImg {

src/components/pages/easy/addCourse.vue

@@ -151,8 +151,8 @@
                         <div class="moveBtn" v-if="unitJson[unitIndex].chapterInfo[0].taskJson.length >
                           1
                           ">
-                          <div class="chapter_upload_up" @click.stop="taskMove(1, tIndex)"></div>
-                          <div class="chapter_upload_down" @click.stop="taskMove(2, tIndex)"></div>
+                          <div class="chapter_upload_up" style="margin: 0 5px 0 0;width: 25px;height: 25px;" @click.stop="taskMove(1, tIndex)"></div>
+                          <div class="chapter_upload_down" style="width: 25px;height: 25px;" @click.stop="taskMove(2, tIndex)"></div>
                         </div>
                       </div>
                     </div>
@@ -11544,12 +11544,18 @@ ol {
   width: calc(100% - 40px);
   padding: 0 10px 0 20px;
   box-sizing: border-box;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: baseline;
 }
 
 .navTask .nt_taskTitle {
   color: #717C8D;
   line-height: 25px;
   font-size: 14px;
+  min-width: 45px;
 }
 
 .navTask .nt_taskName {
@@ -11559,7 +11565,7 @@ ol {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  font-size: 15px;
+  font-size: 14px;
   color: #0E1E33;
 }
 
@@ -11668,9 +11674,10 @@ ol {
 
 .moveBtn {
   display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  width: 40px;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  width: 55px;
 }
 
 .timuUpImg {

src/components/pages/task/addCourse.vue

@@ -186,10 +186,12 @@
                         >
                           <div
                             class="chapter_upload_up"
+                            style="margin: 0 5px 0 0;width: 25px;height: 25px;"
                             @click.stop="taskMove(1, tIndex)"
                           ></div>
                           <div
                             class="chapter_upload_down"
+                            style="width: 25px;height: 25px;"
                             @click.stop="taskMove(2, tIndex)"
                           ></div>
                         </div>
@@ -14081,12 +14083,17 @@ ol {
   width: calc(100% - 40px);
   padding: 0 10px 0 20px;
   box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: baseline;
 }
 
 .navTask .nt_taskTitle {
   color: #717C8D;
   line-height: 25px;
   font-size: 14px;
+  min-width: 45px;
 }
 
 .navTask .nt_taskName {
@@ -14096,7 +14103,7 @@ ol {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  font-size: 15px;
+  font-size: 14px;
   color: #0E1E33;
 }
 
@@ -14209,9 +14216,10 @@ ol {
 
 .moveBtn {
   display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  width: 40px;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  width: 55px;
 }
 
 .timuUpImg {