Merge branch 'feature/installment' of git.yoho.cn:fe/yohobuywap-node into feature/installment
Showing
4 changed files
with
41 additions
and
1 deletions
@@ -23,6 +23,7 @@ | @@ -23,6 +23,7 @@ | ||
23 | <label for="name">卡号:</label> | 23 | <label for="name">卡号:</label> |
24 | 24 | ||
25 | <input id="cardNo" name="cardNo" type="tel" placeholder="银行卡号" size="26" maxlength="23"/> | 25 | <input id="cardNo" name="cardNo" type="tel" placeholder="银行卡号" size="26" maxlength="23"/> |
26 | + <span class="iconfont notice"></span> | ||
26 | <div class="clearfix"></div> | 27 | <div class="clearfix"></div> |
27 | </div> | 28 | </div> |
28 | 29 | ||
@@ -72,4 +73,16 @@ | @@ -72,4 +73,16 @@ | ||
72 | </div> | 73 | </div> |
73 | </div> | 74 | </div> |
74 | </form> | 75 | </form> |
76 | + <div class="installment-overdue-notice"> | ||
77 | + <div class="mask-bg"></div> | ||
78 | + <div class="notice-area"> | ||
79 | + <div class="notice-cont"> | ||
80 | + <h2>支持银行</h2> | ||
81 | + <p>农业银行、中国银行、工商银行、建设银行、</p> | ||
82 | + <p>光大银行、兴业银行、邮储银行、民生银行、</p> | ||
83 | + <p>平安银行、中信银行、广发银行</p> | ||
84 | + </div> | ||
85 | + <div class="think-ok">我知道了</div> | ||
86 | + </div> | ||
87 | + </div> | ||
75 | </div> | 88 | </div> |
@@ -183,10 +183,12 @@ $('#send-sms').click(function() { | @@ -183,10 +183,12 @@ $('#send-sms').click(function() { | ||
183 | */ | 183 | */ |
184 | $('#cardNo').keyup(function() { | 184 | $('#cardNo').keyup(function() { |
185 | var value = $(this).val(); | 185 | var value = $(this).val(); |
186 | - var cardNo = $(this).val().replace(/\s/g, ''); | ||
187 | 186 | ||
188 | $(this).val(value.replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, '$1 ')).trigger('change'); | 187 | $(this).val(value.replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, '$1 ')).trigger('change'); |
189 | 188 | ||
189 | +}).change(function() { | ||
190 | + var cardNo = $(this).val().replace(/\s/g, ''); | ||
191 | + | ||
190 | if (cardNo && cardNo.length >= 16) { | 192 | if (cardNo && cardNo.length >= 16) { |
191 | debounceFn(cardNo); | 193 | debounceFn(cardNo); |
192 | } else { | 194 | } else { |
@@ -321,3 +323,5 @@ $('#agreements').click(function() { | @@ -321,3 +323,5 @@ $('#agreements').click(function() { | ||
321 | 323 | ||
322 | $(this).attr('href', location.pathname + '?openby:yohobuy=' + encodeURIComponent(JSON.stringify(params))); | 324 | $(this).attr('href', location.pathname + '?openby:yohobuy=' + encodeURIComponent(JSON.stringify(params))); |
323 | }); | 325 | }); |
326 | + | ||
327 | +require('./overdue-notice'); |
@@ -9,3 +9,10 @@ $('.repay-list .notice').on('click', function() { | @@ -9,3 +9,10 @@ $('.repay-list .notice').on('click', function() { | ||
9 | $('.think-ok, .mask-bg').on('click', function() { | 9 | $('.think-ok, .mask-bg').on('click', function() { |
10 | $notice.hide(); | 10 | $notice.hide(); |
11 | }); | 11 | }); |
12 | + | ||
13 | + | ||
14 | +$('.installment-starting-service-page .notice').on('click', function() { | ||
15 | + $notice.show(); | ||
16 | + | ||
17 | + return false; | ||
18 | +}); |
@@ -121,6 +121,22 @@ | @@ -121,6 +121,22 @@ | ||
121 | text-align: center; | 121 | text-align: center; |
122 | margin-top: 30px; | 122 | margin-top: 30px; |
123 | } | 123 | } |
124 | + | ||
125 | + .notice { | ||
126 | + position: relative; | ||
127 | + left: 30px; | ||
128 | + top: 4px; | ||
129 | + font-size: 28px; | ||
130 | + color: #444; | ||
131 | + padding: 10px; | ||
132 | + } | ||
133 | + | ||
134 | + .installment-overdue-notice { | ||
135 | + .notice-area { | ||
136 | + width: 560px; | ||
137 | + margin: -165px 0 0 -280px; | ||
138 | + } | ||
139 | + } | ||
124 | } | 140 | } |
125 | 141 | ||
126 | .installment-check-btn { | 142 | .installment-check-btn { |
-
Please register or login to post a comment