h5分享领券业务逻辑

@@ -18,7 +18,6 @@ const getPageInfo = (pageInfo) => {
     dest.oldUserCouponPic = pageInfo.data.oldUserCouponPic;
     dest.mobile = pageInfo.data.mobile;
     if (pageInfo.data.flag === 1) {
-        dest.couponGoing = true;
         dest.bgImg = pageInfo.data.activityNormalPic;
     } else if (pageInfo.data.flag !== 1) {
         dest.bgImg = pageInfo.data.activityEndPic;

@@ -5,6 +5,7 @@
     </div>
     <p class="hidden" id="orderCode">{{ordercode}}</p>
     <p class="hidden" id="oldUserCouponPic">{{oldUserCouponPic}}</p>
+    <p class="hidden" id="activityEnded">{{ended}}</p>
 
     <div class="page">
         <div class="gain-coupon-centent hidden">
@@ -22,22 +23,25 @@
 
         <div class="coupon-centent">
             <div class="title">
-                <img src="../img/coupon/coupon-title.png">
             </div>
             
-            <div class="input-content phone-input-content">
-                <input id="phone" type="text" placeholder="请输入手机号" maxlength="11"/>
-                <div>获取红包</div>
-            </div>
+            <div class="under-title">
+                <div class="input-content phone-input-content">
+                    <input id="phone" type="text" placeholder="请输入手机号" maxlength="11"/>
+                    <div>获取红包</div>
+                </div>
 
-            <div class="input-content vertify-input-content hidden">
-                <input id="verification" type="text" placeholder="请输入验证码" maxlength="4"/>
-                <div>验证领红包</div>
-            </div>
+                <div class="input-content vertify-input-content hidden">
+                    <input id="verification" type="text" placeholder="请输入验证码" maxlength="4"/>
+                    <div>验证领红包</div>
+                </div>
 
-            <div class="coupon-description">
-                <span></span>
+                <div class="coupon-description">
+                    <span></span>
+                </div>
             </div>
+
+            
         </div>
     </div>
     
@@ -63,14 +67,7 @@
     <div class="mask hidden"></div>
     <div class="dialog hidden" id="message">
         <span class="close"></span>
-        <div class="activity-message">
-            <h3>活动说明</h3>
-            <div class="message">
-                <P>1、活动时间：2016年4月7日到2016年7月7日</P>
-                <P>2、仅限新注册用户以及首次购买用户使用</P>
-                <P>3、同一手机号限领一次优惠券</P>
-            </div>
-        </div>
+        {{{activityDesc}}}
     </div>
 
     

@@ -21,6 +21,11 @@ $('#verification').bind('input propertychange', function() {
     }
 });
 
+if ($('#activityEnded').html()) {
+    $('.tip-wrap').removeClass('hidden');
+    $('.tip-wrap .title').html(data.result.message);
+}
+
 $('.input-content').on('click', '.verification-code', function() {
     $('.input-content div').eq('0').removeClass('verification-code');
     phone = $(this).siblings('input').val();

@@ -41,15 +41,24 @@
     }
 
     .coupon-centent {
+        position: relative;
+
         .title {
-            padding: 40px 90px;
-            height: 111px;
-            background: #9d1a15;
+            position: absolute;
+            top: 40px;
+            left: 50%;
+            margin-left: -200px;
+            width: 401px;
+            height: 57px;
+            background: url("../img/coupon/coupon-title.png");
+        }
+
+        .under-title {
+            position: absolute;
+            top: 100px;
+            width: 100%;
+            height: 463px;
 
-            img {
-                width: 100%;
-                height: auto;
-            }
         }
 
         .input-content {
@@ -201,7 +210,9 @@
     }
 
     .activity-message {
-        overflow: auto;
+        width: 100%;
+        height: 410px;
+        overflow: scroll;
     }
 
     .activity-message h3 {
@@ -222,8 +233,8 @@
         font-size: 26px;
         line-height: 40px;
 
-        padding-left: 40px;
-        text-indent: -40px;
+        padding-left: 26px;
+        text-indent: -26px;
     }
 
     .messages {