Commit 0e3e535a4107377a6042edc5da375df3222ae8fb
1 parent
b244e45c
list 车牌号确定
Showing
5 changed files
with
76 additions
and
70 deletions
css/home.css
... | ... | @@ -246,53 +246,3 @@ body { |
246 | 246 | left: 0; |
247 | 247 | display: none; |
248 | 248 | } |
249 | - | |
250 | -.strTip{ | |
251 | - width: 100%; | |
252 | - height: 100%; | |
253 | - text-align: center; | |
254 | - font-size: 20px; | |
255 | - background: rgba(0,0,0,.7); | |
256 | - position: fixed; | |
257 | - top:0; | |
258 | - left: 0; | |
259 | -} | |
260 | -.strWrap{ | |
261 | - width: 80%; | |
262 | - background: #fff; | |
263 | - border-radius: 4px; | |
264 | - margin: 50px auto 0; | |
265 | - padding: 0 10px 15px; | |
266 | -} | |
267 | -.strCon{ | |
268 | - text-align: center; | |
269 | - font-size: 20px; | |
270 | - color: #333; | |
271 | - text-align: center; | |
272 | -} | |
273 | -.header-title{ | |
274 | - padding: 15px 0; | |
275 | - font-size: 14px; | |
276 | - font-weight: 600; | |
277 | - border-bottom:1px solid #ccc ; | |
278 | - color: #333; | |
279 | -} | |
280 | -.payCarNum{ | |
281 | - font-size: 16px; | |
282 | - color: #D40202; | |
283 | -} | |
284 | -.btn{ | |
285 | - color: #fff; | |
286 | - font-size: 20px; | |
287 | - | |
288 | - height: 40px; | |
289 | - line-height: 40px; | |
290 | - border-radius: 8px; | |
291 | - cursor: pointer; | |
292 | -} | |
293 | -.hiddenBtn{ | |
294 | - background: #79cbbf; | |
295 | -} | |
296 | -.outBtn{ | |
297 | - background: #509f93; | |
298 | -} | ... | ... |
home.html
... | ... | @@ -79,15 +79,7 @@ |
79 | 79 | <section id="payTip" style="padding: 10px;margin-top:5px; color: #3385ff; font-size: 14px; "></section> |
80 | 80 | <div class="paySuccess" id="paySuccess" >支付成功,请立即离场</div> |
81 | 81 | |
82 | -<div class="strTip" id="strTip"> | |
83 | - <div class="strWrap"> | |
84 | - <div class="header-title">车牌号码确认信息提示</div> | |
85 | - <div style="font-size: 13px;color: #333;padding: 15px 0;">请确认您当前缴费的车牌号码</div> | |
86 | - <div class="strCon"><span class="payCarNum" id="payCarNum"></span></div> | |
87 | - <div class="btn hiddenBtn" style="margin: 15px 0">是我的车,去支付</div> | |
88 | - <div class="btn outBtn">不是我的车,手动输入车牌号</div> | |
89 | - </div> | |
90 | -</div> | |
82 | + | |
91 | 83 | |
92 | 84 | <script src="js/jquery-3.2.1.min.js"></script> |
93 | 85 | <script src="js/config.js?v=0.1"></script> | ... | ... |
js/list.js
... | ... | @@ -25,7 +25,7 @@ var func ={ |
25 | 25 | |
26 | 26 | var _carNumber = getQueryString(window.location).carNumber |
27 | 27 | console.log(_carNumber) |
28 | - | |
28 | +$('#payCarNum').text(_carNumber) | |
29 | 29 | |
30 | 30 | /** |
31 | 31 | * @param {} second |
... | ... | @@ -442,3 +442,13 @@ function getMd5sign() |
442 | 442 | |
443 | 443 | } |
444 | 444 | |
445 | + | |
446 | +$('.outBtn').on('click',function () { | |
447 | + window.location.href = 'http://wxgzh.renniting.cn/wechatwuxi/Chifeng/Threewf/stoppayment/select.html' | |
448 | + | |
449 | +}) | |
450 | +$('.hiddenBtn').on('click',function () { | |
451 | + $('#strTip').hide() | |
452 | +}) | |
453 | + | |
454 | + | ... | ... |
js/pay.js
... | ... | @@ -34,10 +34,10 @@ window.onload = function () { |
34 | 34 | webAppParams = getQueryString(window.location); |
35 | 35 | if (webAppParams != null) { |
36 | 36 | console.log(webAppParams.carNumber) |
37 | - $('#payCarNum').text(webAppParams.carNumber) | |
37 | + | |
38 | 38 | |
39 | 39 | //设置UI参数 |
40 | - //webAppClass.setUI(webAppParams); | |
40 | + webAppClass.setUI(webAppParams); | |
41 | 41 | } else { |
42 | 42 | alertMsg("暂无订单信息"); |
43 | 43 | } |
... | ... | @@ -673,10 +673,3 @@ var webAppClass = { |
673 | 673 | |
674 | 674 | } |
675 | 675 | |
676 | -$('.outBtn').on('click',function () { | |
677 | - window.location.href = 'http://wxgzh.renniting.cn/wechatwuxi/Chifeng/Threewf/stoppayment/select.html' | |
678 | - | |
679 | -}) | |
680 | -$('.hiddenBtn').on('click',function () { | |
681 | - $('#strTip').hide() | |
682 | -}) | ... | ... |
list.html
... | ... | @@ -129,6 +129,57 @@ |
129 | 129 | background: url("img/arrears-bg.png") no-repeat; |
130 | 130 | background-size:70px 25px ; |
131 | 131 | } |
132 | + | |
133 | + .strTip{ | |
134 | + width: 100%; | |
135 | + height: 100%; | |
136 | + text-align: center; | |
137 | + font-size: 20px; | |
138 | + background: rgba(0,0,0,.7); | |
139 | + position: fixed; | |
140 | + top:0; | |
141 | + left: 0; | |
142 | + } | |
143 | + .strWrap{ | |
144 | + width: 80%; | |
145 | + background: #fff; | |
146 | + border-radius: 4px; | |
147 | + margin: 50px auto 0; | |
148 | + padding: 0 10px 15px; | |
149 | + } | |
150 | + .strCon{ | |
151 | + text-align: center; | |
152 | + font-size: 20px; | |
153 | + color: #333; | |
154 | + text-align: center; | |
155 | + } | |
156 | + .header-title{ | |
157 | + padding: 15px 0; | |
158 | + font-size: 14px; | |
159 | + font-weight: 600; | |
160 | + border-bottom:1px solid #ccc ; | |
161 | + color: #333; | |
162 | + } | |
163 | + .payCarNum{ | |
164 | + font-size: 16px; | |
165 | + color: #D40202; | |
166 | + } | |
167 | + .btn{ | |
168 | + color: #fff; | |
169 | + font-size: 20px; | |
170 | + | |
171 | + height: 40px; | |
172 | + line-height: 40px; | |
173 | + border-radius: 8px; | |
174 | + cursor: pointer; | |
175 | + } | |
176 | + .hiddenBtn{ | |
177 | + background: #79cbbf; | |
178 | + } | |
179 | + .outBtn{ | |
180 | + background: #509f93; | |
181 | + } | |
182 | + | |
132 | 183 | </style> |
133 | 184 | </head> |
134 | 185 | <body ontouchstart=""> |
... | ... | @@ -154,6 +205,16 @@ |
154 | 205 | </div> |
155 | 206 | </div> |
156 | 207 | |
208 | +<div class="strTip" id="strTip"> | |
209 | + <div class="strWrap"> | |
210 | + <div class="header-title">车牌号码确认信息提示</div> | |
211 | + <div style="font-size: 13px;color: #333;padding: 15px 0;">请确认您当前缴费的车牌号码</div> | |
212 | + <div class="strCon"><span class="payCarNum" id="payCarNum"></span></div> | |
213 | + <div class="btn hiddenBtn" style="margin: 15px 0">是我的车,去支付</div> | |
214 | + <div class="btn outBtn">不是我的车,手动输入车牌号</div> | |
215 | + </div> | |
216 | +</div> | |
217 | + | |
157 | 218 | |
158 | 219 | |
159 | 220 | |
... | ... | @@ -183,6 +244,6 @@ |
183 | 244 | } |
184 | 245 | })(); |
185 | 246 | </script> |
186 | -<script src="js/list.js?a=41.31"></script> | |
247 | +<script src="js/list.js?a=1141.31"></script> | |
187 | 248 | </body> |
188 | 249 | </html> | ... | ... |