style:预览弹窗添加icon

src/modules/course-manage/video-course/components/ChapterList.jsx

 import React from 'react';
 import './ChapterList.less';
+import { FileTypeIcon } from '@/common/constants/academic/lessonEnum'
+
+const FileTypeIconMap = FileTypeIcon;
 
 function ChapterList(props){
     const { courseChapterList } = props;
@@ -9,7 +12,8 @@ function ChapterList(props){
             {
                 _.map(courseChapterList,(item,index) => {
                     return <div className='course-ware'>
-                        <div className='course-ware__index'>{index < 9 ? `0${index + 1 } ` : `${index + 1 } `}</div>
+                        <img className='course-ware__img' src={FileTypeIconMap[item.mediaType]} alt='' />
+                        <div className='course-ware__index'>{index < 9 ? `0${index + 1 }` : `${index + 1 }`}</div>
                         <div className="course-ware__detail">
                             <div className='course-ware__detail__name'>{item.mediaName}</div>
                             { item.mediaType === 'VIDEO' &&

src/modules/course-manage/video-course/components/ChapterList.less

@@ -14,18 +14,24 @@
             font-weight: 500;
             color: #999999;
             line-height: 18px;
+            white-space: nowrap;
+            margin-left: 8px;
+            margin-right: 6px;
+            line-height: 20px;
+        }
+        &__img {
+            width: 20px;
+            height: 20px;
         }
         &__detail {
             display: flex;
             flex-direction: column;
-            width: calc(~'100% - 18px');
             &__name {
-                width: 267px;
                 font-size: 13px;
                 font-family: PingFangSC-Regular, PingFang SC;
                 font-weight: 400;
                 color: #333333;
-                line-height: 21px;
+                line-height: 20px;
                 margin-bottom: 4px;
             }
             &__duration {