修改样式

src/components/studyStudent.vue

@@ -103,7 +103,7 @@
                         stageIndex == courseType,
                     }"
                   >
-                    <div>任务{{ navIndex + 1 }}</div>
+                    <div>任务{{ navIndex + 1 }}：</div>
                     <el-tooltip
                       effect="light"
                       :content="nav.taskName"
@@ -20717,29 +20717,29 @@ ol {
 }
 .navItemList {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   flex-wrap: nowrap;
   align-items: flex-start;
-  padding: 8px 13px;
+  padding: 15px 13px;
   cursor: pointer;
 }
 .navItemList > div:first-child {
-  font-size: 14px;
   font-weight: 400;
   color: #474747;
   padding-bottom: 4px;
+  min-width: 60px;
 }
 .navItemList > div:last-child {
   width: auto;
-  font-size: 16px;
   font-weight: 400;
   color: #0e1e33;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
 }
-.isItemList > div:first-child {
-  color: #aeccfe;
-}
-.isItemList > div:last-child {
-  color: #fff;
+.isItemList > div {
+  color: #fff !important;
 }
 
 .tool_work_box {
@@ -20826,7 +20826,7 @@ ol {
   height: 20px;
   position: absolute;
   right: 0;
-  top: 23px;
+  top: 17px;
 }
 .lockTaskIcon > img {
   width: 100%;