Showing
4 changed files
with
38 additions
and
0 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> |
@@ -321,3 +321,5 @@ $('#agreements').click(function() { | @@ -321,3 +321,5 @@ $('#agreements').click(function() { | ||
321 | 321 | ||
322 | $(this).attr('href', location.pathname + '?openby:yohobuy=' + encodeURIComponent(JSON.stringify(params))); | 322 | $(this).attr('href', location.pathname + '?openby:yohobuy=' + encodeURIComponent(JSON.stringify(params))); |
323 | }); | 323 | }); |
324 | + | ||
325 | +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