-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpay.html
95 lines (87 loc) · 4.29 KB
/
pay.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
<title>支付订单</title>
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header class="header"><div class="go-back"><a href="#"><i></i>返回重选</a></div></header>
<div class="pay-main">
<div class="pay-page">
<div class="order-info">
<h6>您的订单为:</h6>
<p>二黄排骨饭<span>共<strong>2</strong>份</span><span class="money">订单总金额 RMB <strong>56.0</strong>元</span></p>
</div>
<div class="choose-pay-method" id="choose-btns">
<dl class="clearfix">
<dt>请选择您的支付方式</dt>
<dd>
<a href="javascript:;" tag="zfb"><i class="icon icon-zfb"></i><span>支付宝钱包</span></a>
<a href="javascript:;" tag="wx"><i class="icon icon-wx"></i><span>微信</span></a>
<a href="javascript:;" tag="ykt"><i class="icon icon-ykt"></i><span>市政交通一卡通</span></a>
<a href="javascript:;" tag="applepay"><i class="icon icon-apppay"></i><span>apple pay</span></a>
</dd>
</dl>
</div>
<div class="change-pay-method clearfix" id="change-btns" style="display: none;">
<div class="cur-pay-method">
<h6>订单号<span>Z5525232132</span></h6>
<div class="cur-wrap">
<!--<div class="cur-icon"><i class="icon-zfb"></i><span>支付宝支付</span></div>
<div class="cur-qrimg">
<div class="img-box"><img src="./images/qr-img.png"><span><i></i>打开微信扫一扫</span></div>
</div>-->
</div>
</div>
<div class="other-pat-method">
<h6>选择其他支付方式</h6>
<div class="others-list">
<a href="javascript:;" changeTag="wx">
<i class="icon icon-wx"></i><span>微信</span>
<div class="img-box"><img src="./images/qr-img.png"><span><i></i>打开微信扫一扫</span></div>
</a>
<a href="javascript:;" changeTag="zfb">
<i class="icon icon-zfb"></i><span>支付宝</span>
<div class="img-box"><img src="./images/qr-img.png"><span><i></i>打开支付宝扫一扫</span></div>
</a>
<a href="javascript:;" changeTag="ykt">
<i class="icon icon-ykt"></i><span>市政交通一卡通</span>
<div class="img-box"><img src="./images/qr-img.png"></div>
</a>
<a href="javascript:;" changeTag="applepay">
<i class="icon icon-apppay"></i><span>apple pay</span>
<div class="img-box"><img src="./images/qr-img.png"><span><i></i>使用apple pay支付</span></div>
</a>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="./js/common.js"></script>
</body>
</html>
<script type="text/javascript">
(function(){
$(function(){
fmm.countdown();
$("#choose-btns a").click(function(){
$(".order-info").addClass("active");
$("#choose-btns").hide();
$("#change-btns").show();
var _tag = $(this).attr("tag");
changeMethod(_tag);
});
function changeMethod(tag){
$("#change-btns [changeTag='"+ tag +"']").addClass("active").siblings().removeClass("active");
}
$("#change-btns a").click(function(){
var _tag = $(this).attr("changeTag");
changeMethod(_tag);
});
})
})()
</script>