已购课程

src/components/purchased/index.js

@@ -56,15 +56,23 @@ class Purchased extends Component {
                                                     </Link>
                                                 </p>
                                                 <p className='contact text-overflow-2'>{item.simpledescription}</p>
-                                                <div className='des'>
-                                                    QQ群：{item.course_qq}
-                                                </div>
+                                                {
+                                                    item.is_aist
+                                                        ? <div className='des'>助教微信：{item.assist_weixin}</div>
+                                                        : <div className='des'>QQ群：{item.course_qq}</div>
+                                                }
                                             </div>
                                         )
+                                        const status = (
+                                            item.is_aist && <span className='status'>返现</span>
+                                        )
                                         return (
-                                            <VList key={index} img={item.image_name}
+                                            <VList key={index}
+                                                   img={item.image_name}
                                                    id={item.course_id}
-                                                   info={Info}></VList>
+                                                   info={Info}
+                                                   status={status}
+                                            />
                                         )
                                     })
                                 }

src/components/purchased/index.scss

 .purchased-box {
-  width: 100%;
-  height: 100%;
-  background-color: $bg_f5f5f5;
+    width: 100%;
+    height: 100%;
+    background-color: $bg_f5f5f5;
 
 
+    .tip {
+        width: 100%;
+        height: 30px;
+        line-height: 30px;
+        font-size: 12px;
+        color: $color_333;
+        text-align: center;
+        background-color: $bg_FFF4CE;
+        margin-bottom: 10px;
+    }
 
-  .tip {
-    width: 100%;
-    height: 30px;
-    line-height: 30px;
-    font-size: 12px;
-    color: $color_333;
-    text-align: center;
-    background-color: $bg_FFF4CE;
-    margin-bottom: 10px;
-  }
-  .purchased-body {
-    background-color: $bg_fff;
-  }
-
-  .v-list-item {
-    background-color: #fff;
-
-    .content {
-      padding-bottom: 10px;
-      border-bottom: 1px solid #e7eaf1;
-
-      .cover {
-        flex: inherit;
-        width: 42.2%;
-
-        img {
-          width: 100%;
-        }
-      }
+    .purchased-body {
+        background-color: $bg_fff;
     }
 
-    .info {
-      width: 52.3%;
-      position: relative;
-      display: block;
+    .v-list-item {
+        background-color: #fff;
 
-      .title {
-        font-size: 16px;
-        color: $color_333;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        height: 16px;
-        line-height: 16px;
-      }
-
-      .contact {
-        font-size: 14px;
-        color: $color_666;
-        margin-top: 14px;
-      }
+        .content {
+            padding-bottom: 10px;
+            border-bottom: 1px solid #e7eaf1;
 
-      .des {
-        position: absolute;
-        bottom: 5px;
-        color: $red;
-        font-size: 14px;
-        height: 14px;
-        line-height: 14px;
-      }
+            .cover {
+                flex: inherit;
+                width: 42.2%;
+
+                img {
+                    width: 100%;
+                }
+            }
+        }
+
+        .info {
+            width: 52.3%;
+            position: relative;
+            display: block;
+
+            .title {
+                font-size: 16px;
+                color: $color_333;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                height: 16px;
+                line-height: 16px;
+            }
+
+            .contact {
+                font-size: 14px;
+                color: $color_666;
+                margin-top: 14px;
+            }
+
+            .des {
+                position: absolute;
+                bottom: 5px;
+                color: $active;
+                font-size: 14px;
+                height: 14px;
+                line-height: 14px;
+            }
+        }
     }
-  }
 
 
-  .cart-tip {
-    color: #555;
-    margin-top: 140px;
-    text-align: center;
+    .cart-tip {
+        color: #555;
+        margin-top: 140px;
+        text-align: center;
 
-    .iconfridge {
-      font-size: 21px;
-    }
+        .iconfridge {
+            font-size: 21px;
+        }
+
+        .cart-mess {
+            font-size: 12px;
+            color: $color_666;
+        }
 
-    .cart-mess {
-      font-size: 12px;
-      color: $color_666;
+        a {
+            display: inline-block;
+            width: 130px;
+            height: 30px;
+            border: 1px solid $bg_active;
+            border-radius: 15px;
+            font-size: 16px;
+            margin-top: 30px;
+            color: $active;
+            text-align: center;
+            line-height: 28px;
+        }
     }
 
-    a {
-      display: inline-block;
-      width: 130px;
-      height: 30px;
-      border: 1px solid $bg_active;
-      border-radius: 15px;
-      font-size: 16px;
-      margin-top: 30px;
-      color: $active;
-      text-align: center;
-      line-height: 28px;
+    .status {
+        position: absolute;
+        top: 0;
+        right: 0;
+        padding: 2px 6px;
+        border-radius: 11px 0 0 11px;
+        font-size: 14px;
+        color: #fff;
+        background: linear-gradient(to bottom, #FF4000, #FD7700);
     }
-  }
+
 }
\ No newline at end of file