修改样式

src/pages/course/chapter.vue

@@ -46,20 +46,23 @@
                     </span>
                   </div>
                   <div
-                    style="margin-left: 15px;"
+                    style="margin-left: 15px;width:360px;"
+                    class="ellipsis"
                     v-if="scope.row.ChapterNo.indexOf('.') == -1"
                   >
                     {{ scope.row.ChapterName }}
                   </div>
                   <div
                     v-if="scope.row.ChapterNo.indexOf('.') != -1"
-                    :style="{ marginLeft: 20 * (scope.row.level - 2) + 'px' }"
+                    :style="{ marginLeft: 20 * (scope.row.ChapterNo.split('.').length+1 - 2) + 'px' }"
                   >
                     {{ scope.row.ChapterNo }}
                   </div>
                   <div
                     v-if="scope.row.ChapterNo.indexOf('.') != -1"
                     style="margin-left: 12px;"
+                    class="ellipsis"
+                    :style="{width:(350-(20 * (scope.row.ChapterNo.split('.').length+1 - 2)))+'px'}"
                   >
                     {{ scope.row.ChapterName }}
                   </div>

src/pages/course/courseinfo.vue

@@ -166,7 +166,7 @@
       this.getCourseInfo();
     },
     mounted() {
-      this.gotoPage('teachplan', 2);
+      this.gotoPage('chapter', 3);
     },
     methods: {
       //获取课程信息