update

src/components/pages/addCourse.vue

@@ -10478,60 +10478,67 @@ ol {
 }
 
 .stepsBottom {
-  width: 270px;
-  margin-bottom: 20px;
-  box-shadow: 0 0 10px 10px #f7f7f7;
-  background: #f7f7f7;
-  border-radius: 15px;
-  overflow: hidden;
+    width: 85%;
+    margin-bottom: 20px;
+    box-shadow: 0 0 10px 10px #f7f7f7;
+    background: #f7f7f7;
+    border-radius: 10px;
+    overflow: hidden;
 }
 
 .navTop {
-  background: #53749b;
-  color: #fff;
-  height: 40px;
-  line-height: 40px;
-  padding-left: 15px;
-  font-size: 18px;
+    background: #53749b;
+    color: #fff;
+    height: 40px;
+    line-height: 40px;
+    padding-left: 15px;
+    font-size: 18px;
 }
 
 .navBottom {
-  background: #6b91b7;
-  height: 180px;
-  overflow: auto;
+    background: #6b91b7;
+    height: 180px;
+    overflow: auto;
 }
 
 .navTask {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-items: center;
-  padding: 15px 0;
-  cursor: pointer;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-items: center;
+    padding: 5px 5px 5px 0;
+    cursor: pointer;
+    background: #ffffff;
+    width: 95%;
+    margin: 10px auto;
+    box-sizing: border-box;
+    border-radius: 5px;
 }
 
 .isNavTask {
-  background: #7e9ebd;
-}
-
-.navTask > div:nth-child(1) {
-  background: #468fe4;
-  color: #fff;
-  width: 65px;
-  height: 30px;
-  line-height: 30px;
-  text-align: center;
-  border-radius: 5px;
-  margin: 0 10px 0 15px;
-}
-
-.navTask > div:nth-child(2) {
-  color: #fff;
-  /* max-width: 130px; */
-  width: 130px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+    /* background: #7e9ebd; */
+}
+
+.navTask>div:nth-child(1) {
+    background: #468fe4;
+    color: #fff;
+    width: 65px;
+    height: 25px;
+    line-height: 25px;
+    text-align: center;
+    border-radius: 5px;
+    margin: 0 10px 0 5px;
+    font-size: 14px;
+}
+
+.navTask>div:nth-child(2) {
+    /* color: #fff; */
+    /* max-width: 130px; */
+    width: 130px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 15px;
 }
 
 .groupBox {

src/components/pages/components/ganChart.vue

@@ -255,8 +255,8 @@ export default {
               id: i ,
               label2: '第' + (i + 1) + '阶段',
               label: this.datedifference('', ''),
-              start: this.getTody(''),
-              end: this.getTody(''),
+              start: '',
+              end: '',
               percent: 85,
               type: "task",
               style: {

src/components/pages/student/addCourse.vue

@@ -9743,11 +9743,11 @@ ol {
 }
 
 .stepsBottom {
-    width: 270px;
+    width: 85%;
     margin-bottom: 20px;
     box-shadow: 0 0 10px 10px #f7f7f7;
     background: #f7f7f7;
-    border-radius: 15px;
+    border-radius: 10px;
     overflow: hidden;
 }
 
@@ -9771,32 +9771,39 @@ ol {
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
-    padding: 15px 0;
+    padding: 5px 5px 5px 0;
     cursor: pointer;
+    background: #ffffff;
+    width: 95%;
+    margin: 10px auto;
+    box-sizing: border-box;
+    border-radius: 5px;
 }
 
 .isNavTask {
-    background: #7e9ebd;
+    /* background: #7e9ebd; */
 }
 
 .navTask>div:nth-child(1) {
     background: #468fe4;
     color: #fff;
     width: 65px;
-    height: 30px;
-    line-height: 30px;
+    height: 25px;
+    line-height: 25px;
     text-align: center;
     border-radius: 5px;
-    margin: 0 10px 0 15px;
+    margin: 0 10px 0 5px;
+    font-size: 14px;
 }
 
 .navTask>div:nth-child(2) {
-    color: #fff;
+    /* color: #fff; */
     /* max-width: 130px; */
     width: 130px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    font-size: 15px;
 }
 
 .groupBox {}