pull

src/components/myOrders/index.js

@@ -127,6 +127,11 @@ class MyOrders extends Component {
                                                                     id={item.course_id}
                                                                     toDetail={this.toCourseDetail}
                                                                 />
+
+                                                                {
+                                                                    item.course_expire && item.course_expire!='' &&
+                                                                    <span className='course-expire'>{item.course_expire}</span>
+                                                                }
                                                             </div>
                                                         )
                                                     })

src/components/myOrders/index.scss

@@ -37,6 +37,21 @@
       padding: 10px 12px;
       background-color: $bg_fff;
       border-bottom: 1px solid $border_e7eaf1;
+      position: relative;
+      .course-expire{
+        display: block;
+        width:92px;
+        height:20px;
+        line-height: 20px;
+        background:#FF3A3A;
+        border-radius:0 10px 10px 0;
+        position: absolute;
+        color: #FFF;
+        font-size: 12px;
+        left: 12px;
+        bottom: 20px;
+        text-align: center;
+      }
     }
 
     .order-info {