feat:增加失效课程列表

src/modules/plan-manage/components/ExpiredCourseList.jsx

@@ -4,7 +4,6 @@ import { withRouter } from 'react-router-dom';
 import User from '@/common/js/user';
 import './ExpiredCourseList.less';
 
-
 function ExpiredCourseList() {
  
   return (

src/modules/plan-manage/components/ExpiredCourseList.less

 .expired-course-list{
     margin:18px 10px 16px;
+
     .course-item{
         display:flex;
         padding:16px 0;
@@ -7,14 +8,41 @@
         justify-content: space-between;
         .course-left{
             display:flex;
+
             .course-status{
                 color:#999999;
                 font-size:14px;
+                margin-right:16px;
             }
             .course-info{
                 display:flex;
+                .course-type{
+                    margin-right:16px;
+                    span{
+                        padding:2px 8px;
+                        color:#666666;
+                        font-size:11px;
+                        border-radius: 2px;
+                        border: 1px solid #999999;
+                    }
+                }
+                .course-instro{
+                    .course-name{
+                        color:#333333;
+                        font-size:14px;
+                        margin-bottom:7px;
+                    }
+                    .task-name{
+                        color:#999;
+                        font-size:14px;
 
+                    }
+                }
             }
         }
+        .course-time{
+            color:#999;
+            font-size:14px;
+        }
     }
 }
\ No newline at end of file