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> | ... | ... |