限时免费

src/components/detail/btnstatus/index.js

@@ -523,6 +523,19 @@ class BtnStatus extends Component {
                     </Overlay>
 
                 }
+
+                {
+                    //todo 联调
+                    false && <div className='btns-box'>
+                        <a className='consult consult-m' onClick={()=>this.qimoChatClick()}>
+                            <i className='iconfont iconerji'></i>
+                            <span>课程咨询</span>
+                        </a>
+
+                        <button className={'get-course btn'}>立即领取</button>
+                    </div>
+                }
+
             </div>
         )
     }

src/components/detail/btnstatus/index.scss

@@ -7,7 +7,7 @@
     background-color: $bg_fff;
     display: flex;
     justify-content: space-between;
-    box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);
+    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
     z-index: 3;
 
     .consult {
@@ -84,18 +84,26 @@
         font-size: 12px;
       }
     }
+
     .sign-up-now {
       width: 50%;
       color: #fff;
       font-size: 16px;
-      background: linear-gradient(270deg,rgba(255,64,0,1) 0%,rgba(253,119,0,1) 100%);
+      background: linear-gradient(270deg, rgba(255, 64, 0, 1) 0%, rgba(253, 119, 0, 1) 100%);
     }
+
     .learn-now {
       background-color: #0099FF;
       font-size: 16px;
       color: #FFF;
     }
 
+    .get-course {
+      width: 280px;
+      height: 44px;
+      background: linear-gradient(90deg, rgba(253, 119, 0, 1) 0%, rgba(255, 64, 0, 1) 100%);
+    }
+
     .btn-m {
       width: 50%;
     }

src/components/detail/index.js

@@ -572,7 +572,19 @@ class Detail extends Component {
                                         支付定金￥{course_info.deposit_info.deposit_amount}，可抵扣￥{course_info.deposit_info.deduction_amount}
                                     </div>
                                 }
-
+                                {
+                                    //todo 联调
+                                    false && <div className="limit-free">
+                                        <span>限时免费</span>
+                                        <span className={'origin-price'}>¥{course_info.price0}</span>
+                                    </div>
+                                }
+                                {
+                                    //todo 联调
+                                    false && <div className={'time-limit'}>
+                                        <span>有效期7天，05天14时23分后过期</span>
+                                    </div>
+                                }
                             </div>
                         </div>
                     </div>

src/components/detail/index.scss

@@ -82,6 +82,22 @@
           }
         }
 
+        .limit-free{
+          span:first-child{
+            color: #FF2121;
+            font-size: 15px;
+            margin-right: 10px;
+          }
+          .origin-price{
+            font-size: 11px;
+            color: #999;
+            text-decoration: line-through;
+          }
+        }
+        .time-limit{
+          color: #FF2121;
+        }
+
         .isbuy {
           display: inline-block;
           width: 66px;