fix: 修复章节列表样式显示不正确的问题

src/pages/learn/course/components/CourseChapter.vue

@@ -3,6 +3,9 @@
     <el-collapse v-model="activeNames">
       <template v-for="item in chapters">
         <el-collapse-item :title="item.name" :name="item.id" :key="item.id" v-if="item.children">
+          <template slot="title">
+            <p>{{ item.name }}</p>
+          </template>
           <ul>
             <li v-for="subItem in item.children" :key="subItem.id" @click="handleClick(subItem)">
               <div class="name">{{ subItem.name }}</div>
@@ -157,6 +160,11 @@ export default {
   color: #222;
   background-color: #e5e5e5;
   padding-left: 10px;
+  p {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
 }
 ::v-deep .el-collapse-item__wrap {
   border-bottom: 0;