添加学习页面我的课程进度样式

src/common/v-list-base/index.scss

 .v-list-base-item {
-    height: 127px;
+    height: 130px;
     padding: 10px 10px 0;
 
     .content {

src/components/study/myCourses/index.js

@@ -113,8 +113,14 @@ class MyCourses extends PureComponent {
 
                                     const Info = (
                                         <div className="info">
-                                            <p className='title'>{item.course_title}</p>
-                                            <p className='contact'>QQ群：{item.course_qq}</p>
+                                            <div className='title'>{item.course_title}</div>
+                                            <div className='contact'>QQ群：{item.course_qq}</div>
+                                            {/*<div className="process-status">
+                                                <div className="process-wrapper">
+                                                    <div className="process-bar" style={{width: '50%'}}/>
+                                                </div>
+                                                <div className="process-text">50%</div>
+                                            </div>*/}
                                             <Bottom item={item}/>
                                         </div>
                                     )

src/components/study/myCourses/my-courses.scss

@@ -14,11 +14,40 @@
 
     .contact {
         font-size: 13px;
-        color: $red;
+        color: $active;
         flex: 0 1 auto;
         width: 100%;
     }
 
+    .process{
+        &-status{
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        &-wrapper{
+            position: relative;
+            width: 147px;
+            height: 6px;
+            background: #E5E5E5;
+            border-radius: 4px;
+            margin-right: 14px;
+        }
+        &-bar{
+            position: absolute;
+            top: 0;
+            left: 0;
+            height: 100%;
+            background-color: $active;
+            border-radius: 4px;
+        }
+        &-text{
+            color: $active;
+            font-size: 12px;
+            line-height: 15px;
+        }
+    }
+
     .des {
         color: $color_999;
         font-size: 11px;