Merge branch 'feature/zhangleyuan/20210706/format-expand-course' into dev

src/modules/plan-manage/modal/UserLearnDetailModal.jsx

 /*
  * @Author: yuananting
  * @Date: 2021-07-05 10:50:30
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2021-07-09 17:36:15
+ * @LastEditors: yuananting
+ * @LastEditTime: 2021-07-14 14:32:55
  * @Description: 描述一下咯
  * @Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
@@ -194,10 +194,10 @@ class UserLearnDetailModal extends React.Component {
           return (
             <div className='chapter-record'>
               <span>
-                {chapterIndex + 1}.{index + 1}&nbsp;
+                {index < 9 ? `0${index + 1} ` : index + 1}
               </span>
               <img className='chapter-img' src={FileTypeIcon[record.mediaType]} />
-              <span>{record.name}</span>
+              <span className='chapter-name'>{record.name}</span>
             </div>
           );
         },

src/modules/plan-manage/modal/UserLearnDetailModal.less

@@ -65,6 +65,12 @@
         height: 18px;
         margin: 0 10px;
       }
+      .chapter-name {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        width: 400px;
+      }
     }
     .record-name {
       display: flex;