限时免费

src/components/classify/courselist.js

@@ -210,6 +210,12 @@ class Classify extends Component {
                                                         {item.is_buy &&
                                                         <span className="isbuy">已购买</span>
                                                         }
+                                                        {
+                                                            false && <div className="limit-free">
+                                                                <span>限时免费</span>
+                                                                <span>¥{item.price0}</span>
+                                                            </div>
+                                                        }
                                                     </div>
                                                 </div>
                                             )

src/components/classify/courselist.scss

@@ -112,6 +112,19 @@ html,body,#root {
             text-align: center;
             line-height: 18px;
           }
+
+          .limit-free{
+            span:first-child{
+              color: #FF2121;
+              font-size: 15px;
+              margin-right: 10px;
+            }
+            span:last-child{
+              color: #999;
+              font-size: 11px;
+              text-decoration: line-through;
+            }
+          }
         }
       }
     }