index.html
4.61 KB
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta content="telephone=no" name="format-detection" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>地利收银台</title>
<!-- css -->
<link rel="stylesheet" type="text/css" href="../css/style/common.css">
<!-- <link rel="stylesheet" type="text/css" href="../css/style/index.css"> -->
<!-- base seajs -->
<script type="text/javascript" src="../js/javascript/common/sea.js"></script>
<!-- base jquery -->
<script type="text/javascript" src="../js/javascript/common/config.js"></script>
</head>
<body>
<!-- 主体 -->
<div class="m-page">
<header class="m-header">
<div class="head">
<a class="m-icon lt-bar icon-back">返回</a>
<h1>地利收银台</h1>
</div>
</header>
<section class="m-content">
<ul class="m-table-view">
<li class="cell">
<span class="title">应付金额：<span class="col-f60">10000.00</span>元</span>
</li>
</ul>
<p class="title">付款方式</p>
<ul class="m-table-view">
<li class="cell">
<span class="title">
<img src="../images/yu.png" width="35" heught="35">
<span>
余额支付
<p class="tips">可用10000.00元</p>
</span>
</span>
<input type="radio" class="m-radio acc" checked name="payMethod">
</li>
<li class="cell">
<span class="title">
<img src="../images/zhi.png" width="35" heught="35">
<span>
支付宝移动快捷支付
<p class="tips">需要安装支付宝快捷支付控件</p>
</span>
</span>
<input type="radio" class="m-radio acc" name="payMethod">
</li>
<li class="cell">
<span class="title">
<img src="../images/yh.png" width="35" heught="35">
<span>
银行卡支付
<p class="tips">支出借记卡、贷记卡，无需开通网银</p>
</span>
</span>
<input type="radio" class="m-radio acc" name="payMethod">
</li>
</ul>
<p class="title">快捷支付</p>
<ul class="m-table-view">
<li class="cell">
<span class="title">
<span class="m-icon icon-yinhangpay"></span>
<span>
余额支付
<p class="tips">可用10000.00元</p>
</span>
</span>
<input type="radio" class="m-radio acc" name="payMethod">
</li>
<li>
<div class="bank-view">
<img src="../images/m_bank.jpg" />
<div class="cont">
<div class="name">
<span class="cats">工商银行</span>
<span class="quick">快捷支付</span>
</div>
<div class="msg">
<span>尾号 0238</span>
<span>储蓄卡</span>
<span>逗比冰</span>
</div>
</div>
<input type="radio" class="m-radio acc" name="payMethod">
</div>
</li>
<li class="cell">
<a href="#againPop" data-popup="center" class="more">添加其他银行卡快捷支付</a>
</li>
</ul>
<div class="btn-bar">
<a href="#savePop" data-popup="center" class="m-btn btn-blue">立即付款</a>
</div>
</section>
<div class="m-popup m-animate-hide popup-large" id="savePop">
<div class="popup-head"></div>
<div class="popup-cont">
<p class="text">请输入支付密码?</p>
<div style="text-align: center;"><input type="text" class="m-input" placeholder="请输入支付密码" ></div>
</div>
<div class="popup-foot">
<a href="#" class="m-btn close" id="closeDelBank" data-dismiss>取消</a>
<a href="#" class="m-btn close" id="cancelDelBank" data-dismiss>确认</a>
</div>
</div>
<div class="m-popup m-animate-hide popup-large" id="againPop">
<div class="popup-head"></div>
<div class="popup-cont">
<p class="text">超过限额,请验证手机</p>
<div class="phone">
<input type="text" class="m-input" placeholder="请输入支付密码" >
<span class="note-view">获取验证码</span>
</div>
</div>
<div class="popup-foot">
<a href="#" class="m-btn close" id="againCancel" data-dismiss>取消</a>
<a href="#" class="m-btn close" id="againSave" data-dismiss>确认</a>
</div>
</div>
</div>
<script type="text/javascript">
seajs.use(['../js/javascript/index']);
</script>
</body>
</html>