Commit 7212648ba4909a01fbc5ce91338634054b687e9d
0 parents
Init commit
Showing
36 changed files
with
2835 additions
and
0 deletions
Too many changes to show.
To preserve performance only 36 of 312 files are displayed.
.idea/static-wappay.iml
0 → 100644
1 | +++ a/.idea/static-wappay.iml | |
1 | +<?xml version="1.0" encoding="UTF-8"?> | |
2 | +<module type="WEB_MODULE" version="4"> | |
3 | + <component name="NewModuleRootManager"> | |
4 | + <content url="file://$MODULE_DIR$" /> | |
5 | + <orderEntry type="inheritedJdk" /> | |
6 | + <orderEntry type="sourceFolder" forTests="false" /> | |
7 | + </component> | |
8 | +</module> | |
0 | 9 | \ No newline at end of file | ... | ... |
2.0/add_bank.html
0 → 100644
1 | +++ a/2.0/add_bank.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>添加银行卡</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/operationPassword.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page operationPassword" id="addBank"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>添加银行卡</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <p class="text">请添加持卡人本人储蓄卡</p> | |
28 | + <div class="m-table-view"> | |
29 | + <ul> | |
30 | + <li class="cell"> | |
31 | + <h3 class="title">持卡人</h3> | |
32 | + <p class="name">张三丰</p> | |
33 | + </li> | |
34 | + <li class="cell"> | |
35 | + <h3 class="title">证件号</h3> | |
36 | + <input type="text" class="m-input" placeholder="请输入银行卡号" > | |
37 | + </li> | |
38 | + <li class="cell"> | |
39 | + <h3 class="title">开户行</h3> | |
40 | + <p>请选择<span class="text icon icon-more"></span></p> | |
41 | + </li> | |
42 | + <li class="cell"> | |
43 | + <h3 class="title">卡号</h3> | |
44 | + <input type="text" class="m-input" placeholder="请输入银行卡号" > | |
45 | + </li> | |
46 | + <li class="cell"> | |
47 | + <h3 class="title">手机号</h3> | |
48 | + <input type="text" class="m-input" placeholder="请输入银行预留手机号" > | |
49 | + </li> | |
50 | + </ul> | |
51 | + </div> | |
52 | + <p class="text"><input type="radio" class="m-radio" ><span>地利快捷支付相关协议</span></p> | |
53 | + <a href="#" class="m-btn btn-blue">确认添加</a> | |
54 | + </section> | |
55 | + </div> | |
56 | + </body> | |
57 | +</html> | |
0 | 58 | \ No newline at end of file | ... | ... |
2.0/bankCard.html
0 → 100644
1 | +++ a/2.0/bankCard.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>银行卡</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/operationPassword.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page operationPassword"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>银行卡</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <p class="text">工商银行</p> | |
28 | + <div class="m-table-view"> | |
29 | + <ul> | |
30 | + <li class="cell"> | |
31 | + <input type="password" placeholder="请输入您的银行卡" > | |
32 | + </li> | |
33 | + </ul> | |
34 | + </div> | |
35 | + <a href="#" class="m-btn btn-blue">下一步</a> | |
36 | + </section> | |
37 | + </div> | |
38 | + </body> | |
39 | +</html> | |
0 | 40 | \ No newline at end of file | ... | ... |
2.0/bankCard1.html
0 → 100644
1 | +++ a/2.0/bankCard1.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>银行卡信息</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/operationPassword.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page operationPassword"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>银行卡信息</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <p class="text">工商银行 储蓄卡</p> | |
28 | + <div class="m-table-view bank-manage"> | |
29 | + <ul> | |
30 | + <li class="cell"> | |
31 | + <h3 class="title">姓名</h3> | |
32 | + <input type="text" class="m-input" placeholder="请输入银行预备中文姓名" > | |
33 | + </li> | |
34 | + <li class="cell"> | |
35 | + <h3 class="title">证件号</h3> | |
36 | + <input type="text" class="m-input" placeholder="请输入银行预备证件号" > | |
37 | + </li> | |
38 | + <li class="cell"> | |
39 | + <h3 class="title">手机号</h3> | |
40 | + <input type="text" class="m-input" placeholder="请输入银行预备手机号" > | |
41 | + </li> | |
42 | + </ul> | |
43 | + </div> | |
44 | + <div class="m-table-view bank-manage"> | |
45 | + <ul> | |
46 | + <li class="cell"> | |
47 | + <h3 class="title">有效期</h3> | |
48 | + <input type="text" class="m-input" placeholder="月份/年份" > | |
49 | + </li> | |
50 | + <li class="cell"> | |
51 | + <h3 class="title">卡背面三位数</h3> | |
52 | + <input type="text" class="m-input" placeholder="请输入卡号背面三位数" > | |
53 | + </li> | |
54 | + </ul> | |
55 | + </div> | |
56 | + <a href="#" class="m-btn btn-blue">下一步</a> | |
57 | + </section> | |
58 | + </div> | |
59 | + </body> | |
60 | +</html> | |
0 | 61 | \ No newline at end of file | ... | ... |
2.0/bank_card.html
0 → 100644
1 | +++ a/2.0/bank_card.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>我的银行卡</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/bank_card.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="../js/javascript/common/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="../js/javascript/common/config.js"></script> | |
18 | +</head> | |
19 | +<body> | |
20 | + <div class="m-page" id="bank_card"> | |
21 | + <header class="m-header"> | |
22 | + <div class="head"> | |
23 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
24 | + <h1>我的银行卡</h1> | |
25 | + </div> | |
26 | + </header> | |
27 | + <section class="m-content" id="money-trade-detail"> | |
28 | + <div class="m-table-view"> | |
29 | + <ul> | |
30 | + <li class="cell"> | |
31 | + <div class="bank-view"> | |
32 | + <img src="../images/m_bank.jpg" /> | |
33 | + <div class="cont"> | |
34 | + <div class="name"> | |
35 | + <span class="cats">工商银行</span> | |
36 | + <span class="quick">快捷支付</span> | |
37 | + </div> | |
38 | + <div class="msg"> | |
39 | + <span>尾号 0238</span> | |
40 | + <span>储蓄卡</span> | |
41 | + <span>逗比冰</span> | |
42 | + </div> | |
43 | + </div> | |
44 | + </div> | |
45 | + <a href="#delBank" data-popup="center" class="del">删除</a> | |
46 | + </li> | |
47 | + <li class="cell"> | |
48 | + <div class="bank-view"> | |
49 | + <img src="../images/m_bank.jpg" /> | |
50 | + <div class="cont"> | |
51 | + <div class="name"> | |
52 | + <span class="cats">工商银行</span> | |
53 | + <span class="quick">快捷支付</span> | |
54 | + </div> | |
55 | + <div class="msg"> | |
56 | + <span>尾号 0238</span> | |
57 | + <span>储蓄卡</span> | |
58 | + <span>逗比冰</span> | |
59 | + </div> | |
60 | + </div> | |
61 | + </div> | |
62 | + <a href="#delBank" data-popup="center" class="del">删除</a> | |
63 | + </li> | |
64 | + <li class="cell"> | |
65 | + <div class="bank-view"> | |
66 | + <img src="../images/m_bank.jpg" /> | |
67 | + <div class="cont"> | |
68 | + <div class="name"> | |
69 | + <span class="cats">工商银行</span> | |
70 | + <span class="quick">快捷支付</span> | |
71 | + </div> | |
72 | + <div class="msg"> | |
73 | + <span>尾号 0238</span> | |
74 | + <span>储蓄卡</span> | |
75 | + <span>逗比冰</span> | |
76 | + </div> | |
77 | + </div> | |
78 | + </div> | |
79 | + <a href="#delBank" data-popup="center" class="del">删除</a> | |
80 | + </li> | |
81 | + <li class="cell"> | |
82 | + <div class="bank-view"> | |
83 | + <img src="../images/m_bank.jpg" /> | |
84 | + <div class="cont"> | |
85 | + <div class="name"> | |
86 | + <span class="cats">工商银行</span> | |
87 | + <span class="quick">快捷支付</span> | |
88 | + </div> | |
89 | + <div class="msg"> | |
90 | + <span>尾号 0238</span> | |
91 | + <span>储蓄卡</span> | |
92 | + <span>逗比冰</span> | |
93 | + </div> | |
94 | + </div> | |
95 | + </div> | |
96 | + <a href="#delBank" data-popup="center" class="del">删除</a> | |
97 | + </li> | |
98 | + <li class="cell"> | |
99 | + <div class="bank-view"> | |
100 | + <img src="../images/m_bank.jpg" /> | |
101 | + <div class="cont"> | |
102 | + <div class="name"> | |
103 | + <span class="cats">工商银行</span> | |
104 | + <span class="quick">快捷支付</span> | |
105 | + </div> | |
106 | + <div class="msg"> | |
107 | + <span>尾号 0238</span> | |
108 | + <span>储蓄卡</span> | |
109 | + <span>逗比冰</span> | |
110 | + </div> | |
111 | + </div> | |
112 | + </div> | |
113 | + <a href="#delBank" data-popup="center" class="del">删除</a> | |
114 | + </li> | |
115 | + </ul> | |
116 | + </div> | |
117 | + </section> | |
118 | + <div class="m-popup m-animate-hide popup-large" id="delBank"> | |
119 | + <div class="popup-head"></div> | |
120 | + <div class="popup-cont"> | |
121 | + <p>确认删除绑定银行卡?</p> | |
122 | + </div> | |
123 | + <div class="popup-foot"> | |
124 | + <a href="#" class="m-btn close" id="closeDelBank" data-dismiss>删除</a> | |
125 | + <a href="#" class="m-btn close" id="cancelDelBank" data-dismiss>取消</a> | |
126 | + </div> | |
127 | + </div> | |
128 | + </div> | |
129 | + <script type="text/javascript"> | |
130 | + seajs.use(['../js/javascript/bank_card']); | |
131 | + </script> | |
132 | +</body> | |
133 | +</html> | |
0 | 134 | \ No newline at end of file | ... | ... |
2.0/bank_card_list.html
0 → 100644
1 | +++ a/2.0/bank_card_list.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>我的银行卡</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/bank_card.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="../js/javascript/common/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="../js/javascript/common/config.js"></script> | |
18 | +</head> | |
19 | +<body> | |
20 | + <div class="m-page" id="bank_card"> | |
21 | + <header class="m-header"> | |
22 | + <div class="head"> | |
23 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
24 | + <h1>我的银行卡</h1> | |
25 | + <a href="#" class="rt-bar">添加</a> | |
26 | + </div> | |
27 | + </header> | |
28 | + <section class="m-content" id="money-trade-detail"> | |
29 | + <div class="m-table-view"> | |
30 | + <ul> | |
31 | + <li class="cell"> | |
32 | + <div class="bank-view"> | |
33 | + <img src="../images/m_bank.jpg" /> | |
34 | + <div class="cont"> | |
35 | + <div class="name"> | |
36 | + <span class="cats">工商银行</span> | |
37 | + <span class="quick">快捷支付</span> | |
38 | + </div> | |
39 | + <div class="msg"> | |
40 | + <span>尾号 0238</span> | |
41 | + <span>储蓄卡</span> | |
42 | + <span>逗比冰</span> | |
43 | + </div> | |
44 | + </div> | |
45 | + </div> | |
46 | + <span class="m-icon icon-checked"></span> | |
47 | + </li> | |
48 | + <li class="cell"> | |
49 | + <div class="bank-view"> | |
50 | + <img src="../images/m_bank.jpg" /> | |
51 | + <div class="cont"> | |
52 | + <div class="name"> | |
53 | + <span class="cats">工商银行</span> | |
54 | + <span class="quick">快捷支付</span> | |
55 | + </div> | |
56 | + <div class="msg"> | |
57 | + <span>尾号 0238</span> | |
58 | + <span>储蓄卡</span> | |
59 | + <span>逗比冰</span> | |
60 | + </div> | |
61 | + </div> | |
62 | + </div> | |
63 | + <span class="m-icon icon-checked"></span> | |
64 | + </li> | |
65 | + <li class="cell"> | |
66 | + <div class="bank-view"> | |
67 | + <img src="../images/m_bank.jpg" /> | |
68 | + <div class="cont"> | |
69 | + <div class="name"> | |
70 | + <span class="cats">工商银行</span> | |
71 | + <span class="quick">快捷支付</span> | |
72 | + </div> | |
73 | + <div class="msg"> | |
74 | + <span>尾号 0238</span> | |
75 | + <span>储蓄卡</span> | |
76 | + <span>逗比冰</span> | |
77 | + </div> | |
78 | + </div> | |
79 | + </div> | |
80 | + <span class="m-icon icon-checked"></span> | |
81 | + </li> | |
82 | + <li class="cell"> | |
83 | + <div class="bank-view"> | |
84 | + <img src="../images/m_bank.jpg" /> | |
85 | + <div class="cont"> | |
86 | + <div class="name"> | |
87 | + <span class="cats">工商银行</span> | |
88 | + <span class="quick">快捷支付</span> | |
89 | + </div> | |
90 | + <div class="msg"> | |
91 | + <span>尾号 0238</span> | |
92 | + <span>储蓄卡</span> | |
93 | + <span>逗比冰</span> | |
94 | + </div> | |
95 | + </div> | |
96 | + </div> | |
97 | + <span class="m-icon icon-checked"></span> | |
98 | + </li> | |
99 | + <li class="cell"> | |
100 | + <div class="bank-view"> | |
101 | + <img src="../images/m_bank.jpg" /> | |
102 | + <div class="cont"> | |
103 | + <div class="name"> | |
104 | + <span class="cats">工商银行</span> | |
105 | + <span class="quick">快捷支付</span> | |
106 | + </div> | |
107 | + <div class="msg"> | |
108 | + <span>尾号 0238</span> | |
109 | + <span>储蓄卡</span> | |
110 | + <span>逗比冰</span> | |
111 | + </div> | |
112 | + </div> | |
113 | + </div> | |
114 | + <span class="m-icon icon-checked"></span> | |
115 | + </li> | |
116 | + <li class="cell"> | |
117 | + <div class="bank-view"> | |
118 | + <img src="../images/m_bank.jpg" /> | |
119 | + <div class="cont"> | |
120 | + <div class="name"> | |
121 | + <span class="cats">工商银行</span> | |
122 | + <span class="quick">快捷支付</span> | |
123 | + </div> | |
124 | + <div class="msg"> | |
125 | + <span>尾号 0238</span> | |
126 | + <span>储蓄卡</span> | |
127 | + <span>逗比冰</span> | |
128 | + </div> | |
129 | + </div> | |
130 | + </div> | |
131 | + <span class="m-icon icon-checked"></span> | |
132 | + </li> | |
133 | + </ul> | |
134 | + </div> | |
135 | + </section> | |
136 | + </div> | |
137 | + <script type="text/javascript"> | |
138 | + seajs.use(['../js/javascript/bank_card']); | |
139 | + </script> | |
140 | +</body> | |
141 | +</html> | |
0 | 142 | \ No newline at end of file | ... | ... |
2.0/bank_list.html
0 → 100644
1 | +++ a/2.0/bank_list.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>选择开户银行</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/bank_card.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="../js/javascript/common/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="../js/javascript/common/config.js"></script> | |
18 | +</head> | |
19 | +<body> | |
20 | + <div class="m-page" id="bankList"> | |
21 | + <header class="m-header"> | |
22 | + <div class="head"> | |
23 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
24 | + <h1>选择开户银行</h1> | |
25 | + </div> | |
26 | + </header> | |
27 | + <section class="m-content"> | |
28 | + <!-- tab --> | |
29 | + <ul class="m-tab tab-col-2"> | |
30 | + <li class="on"><a href="">储蓄卡</a></li> | |
31 | + <li><a href="">信用卡</a></li> | |
32 | + </ul> | |
33 | + | |
34 | + <div class="m-table-view"> | |
35 | + <ul> | |
36 | + <li class="cell"> | |
37 | + <img class="title" src="../images/m_bank.jpg" width="40" height="40"> | |
38 | + <h3 class="title">中国工商银行</h3> | |
39 | + </li> | |
40 | + <li class="cell"> | |
41 | + <img class="title" src="../images/m_bank.jpg" width="40" height="40"> | |
42 | + <h3 class="title">中国工商银行</h3> | |
43 | + </li> | |
44 | + <li class="cell"> | |
45 | + <img class="title" src="../images/m_bank.jpg" width="40" height="40"> | |
46 | + <h3 class="title">中国工商银行</h3> | |
47 | + </li> | |
48 | + <li class="cell"> | |
49 | + <img class="title" src="../images/m_bank.jpg" width="40" height="40"> | |
50 | + <h3 class="title">中国工商银行</h3> | |
51 | + </li> | |
52 | + <li class="cell"> | |
53 | + <img class="title" src="../images/m_bank.jpg" width="40" height="40"> | |
54 | + <h3 class="title">中国工商银行</h3> | |
55 | + </li> | |
56 | + <li class="cell"> | |
57 | + <img class="title" src="../images/m_bank.jpg" width="40" height="40"> | |
58 | + <h3 class="title">中国工商银行</h3> | |
59 | + </li> | |
60 | + <li class="cell"> | |
61 | + <img class="title" src="../images/m_bank.jpg" width="40" height="40"> | |
62 | + <h3 class="title">中国工商银行</h3> | |
63 | + </li> | |
64 | + <li class="cell"> | |
65 | + <img class="title" src="../images/m_bank.jpg" width="40" height="40"> | |
66 | + <h3 class="title">中国工商银行</h3> | |
67 | + </li> | |
68 | + <li class="cell"> | |
69 | + <img class="title" src="../images/m_bank.jpg" width="40" height="40"> | |
70 | + <h3 class="title">中国工商银行</h3> | |
71 | + </li> | |
72 | + </ul> | |
73 | + </div> | |
74 | + </section> | |
75 | + </div> | |
76 | +</body> | |
77 | +</html> | |
0 | 78 | \ No newline at end of file | ... | ... |
2.0/charge.html
0 → 100644
1 | +++ a/2.0/charge.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>充值</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/charge.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>充值</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content" id="charge"> | |
27 | + <form action="" class="section-form"> | |
28 | + <div class="form-group"> | |
29 | + <div class="form-content"> | |
30 | + <span class="sub-label">充值到账户:张三丰</span> | |
31 | + </div> | |
32 | + <label for="content" class="control-label">请确认你要充值的账户名称</label> | |
33 | + <div class="form-content"> | |
34 | + <span class="sub-label">充值金额</span> | |
35 | + <input type="text" class="m-input" id="amount" name="amount" placeholder="请输入充值金额"> | |
36 | + </div> | |
37 | + </div> | |
38 | + <div class="form-group btn-box"> | |
39 | + <a href="#" class="m-btn btn-blue">立即充值</a> | |
40 | + </div> | |
41 | + </form> | |
42 | + </section> | |
43 | + </div> | |
44 | + </body> | |
45 | +</html> | |
0 | 46 | \ No newline at end of file | ... | ... |
2.0/charge_fail.html
0 → 100644
1 | +++ a/2.0/charge_fail.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>充值失败</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/charge.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>充值</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content" id="charge-status"> | |
27 | + <div class="row msg-box error"> | |
28 | + <p> | |
29 | + <i class="m-icon icon-fail"></i> | |
30 | + </p> | |
31 | + <p class="desc">付款失败</p> | |
32 | + <span>您的余额已不足,请重新付款</span> | |
33 | + </div> | |
34 | + <div class="row btn-box"> | |
35 | + <a href="#" class="m-btn btn-warning">重新充值</a> | |
36 | + <a href="#" class="m-btn">放弃充值</a> | |
37 | + </div> | |
38 | + </section> | |
39 | + </div> | |
40 | + </body> | |
41 | +</html> | |
0 | 42 | \ No newline at end of file | ... | ... |
2.0/charge_succ.html
0 → 100644
1 | +++ a/2.0/charge_succ.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>充值成功</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/charge.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>资金管理</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content" id="charge-status"> | |
27 | + <div class="row msg-box success"> | |
28 | + <p><i class="m-icon icon-success"></i></p> | |
29 | + <p class="desc">成功付款100.00元</p> | |
30 | + <span>您尾号为3790的银行卡已经开通快捷支付</span> | |
31 | + </div> | |
32 | + <div class="row btn-box"> | |
33 | + <a href="" class="m-btn">完成充值</a> | |
34 | + </div> | |
35 | + </section> | |
36 | + </div> | |
37 | + </body> | |
38 | +</html> | |
0 | 39 | \ No newline at end of file | ... | ... |
2.0/charge_warn.html
0 → 100644
1 | +++ a/2.0/charge_warn.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>风险提示</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/charge.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>资金管理</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content" id="charge-status"> | |
27 | + <div class="row msg-box warning"> | |
28 | + <p><i class="m-icon icon-warning"></i></p> | |
29 | + <div class="desc">充值受限</div> | |
30 | + <span>由于风险管控,您的充值服务被暂停限制!</span> | |
31 | + </div> | |
32 | + <div class="row btn-box"> | |
33 | + <a href="" class="m-btn">返回资金管理</a> | |
34 | + </div> | |
35 | + </section> | |
36 | + </div> | |
37 | + </body> | |
38 | +</html> | |
0 | 39 | \ No newline at end of file | ... | ... |
2.0/find_password.html
0 → 100644
1 | +++ a/2.0/find_password.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>找回支付密码</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/operationPassword.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page operationPassword"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>找回支付密码</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <p class="text">填写账号实名认证的证件号,完成身份验证.</p> | |
28 | + <div class="m-table-view"> | |
29 | + <ul> | |
30 | + <li class="cell"> | |
31 | + <input type="password" placeholder="请输入实名认证证件号" > | |
32 | + </li> | |
33 | + </ul> | |
34 | + </div> | |
35 | + <a href="#" class="m-btn btn-blue">下一步</a> | |
36 | + </section> | |
37 | + </div> | |
38 | + </body> | |
39 | +</html> | |
0 | 40 | \ No newline at end of file | ... | ... |
2.0/find_password1.html
0 → 100644
1 | +++ a/2.0/find_password1.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>找回支付密码</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/operationPassword.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page operationPassword"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>找回支付密码</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <p class="text">已向139****9840发送短信,请在输入框中填写短信验证码.</p> | |
28 | + <div class="m-table-view"> | |
29 | + <ul> | |
30 | + <li class="cell"> | |
31 | + <input type="password" placeholder="请输入短信验证码" > | |
32 | + <div class="note-view">重新获取验证码</div> | |
33 | + </li> | |
34 | + </ul> | |
35 | + </div> | |
36 | + <a href="#" class="m-btn btn-blue">下一步</a> | |
37 | + </section> | |
38 | + </div> | |
39 | + </body> | |
40 | +</html> | |
0 | 41 | \ No newline at end of file | ... | ... |
2.0/find_password2.html
0 → 100644
1 | +++ a/2.0/find_password2.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>找回支付密码</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/operationPassword.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page operationPassword"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>找回支付密码</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <p class="text">支付密码由8-20位字母、数字组合</p> | |
28 | + <div class="m-table-view"> | |
29 | + <ul> | |
30 | + <li class="cell"> | |
31 | + <input type="password" placeholder="请输入新支付密码" > | |
32 | + </li> | |
33 | + <li class="cell"> | |
34 | + <input type="password" placeholder="请再次确认新支付密码" > | |
35 | + </li> | |
36 | + </ul> | |
37 | + </div> | |
38 | + <p class="text"><input type="radio" class="m-radio" ><span>显示密码</span></p> | |
39 | + <a href="#" class="m-btn btn-blue">下一步</a> | |
40 | + </section> | |
41 | + </div> | |
42 | + </body> | |
43 | +</html> | |
0 | 44 | \ No newline at end of file | ... | ... |
2.0/find_password3.html
0 → 100644
1 | +++ a/2.0/find_password3.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>修改支付密码</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/operationPassword.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page operationPassword"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>修改支付密码</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <div class="m-table-view"> | |
28 | + <ul> | |
29 | + <li class="cell"> | |
30 | + <input type="password" placeholder="请输入当前支付密码" > | |
31 | + </li> | |
32 | + </ul> | |
33 | + </div> | |
34 | + <p class="text">支付密码由8-20位字母、数字组合</p> | |
35 | + <div class="m-table-view"> | |
36 | + <ul> | |
37 | + <li class="cell"> | |
38 | + <input type="password" placeholder="请输入新支付密码" > | |
39 | + </li> | |
40 | + <li class="cell"> | |
41 | + <input type="password" placeholder="请再次确认新支付密码" > | |
42 | + </li> | |
43 | + </ul> | |
44 | + </div> | |
45 | + <p class="text"><input type="radio" class="m-radio" ><span>显示密码</span></p> | |
46 | + <a href="#" class="m-btn btn-blue">下一步</a> | |
47 | + </section> | |
48 | + </div> | |
49 | + </body> | |
50 | +</html> | |
0 | 51 | \ No newline at end of file | ... | ... |
2.0/money_management.html
0 → 100644
1 | +++ a/2.0/money_management.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>资金管理-交易记录</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/money.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>资金管理</h1> | |
24 | + <a href="#" class="rt-bar">设置</a> | |
25 | + </div> | |
26 | + </header> | |
27 | + <section class="m-content" id="money-records"> | |
28 | + <div class="profile"> | |
29 | + <div class="avatar"> | |
30 | + <img src="../images/avatar-100.png" alt=""> | |
31 | + </div> | |
32 | + <div class="info"> | |
33 | + <p class="profile-name">张三丰</p> | |
34 | + <p class="profile-balance">安全级别:高</p> | |
35 | + </div> | |
36 | + <!--<div class="op">--> | |
37 | + <!--<a href="#" class="charge">充值 <i class="m-icon icon-charge"></i></a>--> | |
38 | + <!--</div>--> | |
39 | + </div> | |
40 | + <div class="balance"> | |
41 | + <div class="money"> | |
42 | + <p>余额</p> | |
43 | + <h1>2000.00元</h1> | |
44 | + </div> | |
45 | + <div class="bar clearfix"> | |
46 | + <a href="#">充值</a> | |
47 | + <a href="#">提现</a> | |
48 | + </div> | |
49 | + </div> | |
50 | + <div class="m-table-view"> | |
51 | + <ul> | |
52 | + <li class="cell"> | |
53 | + <a href="#" class="clearfix"><h3 class="title">我的银行卡</h3><span class="mun">3张</span><span class="m-icon icon-more text"></span></a> | |
54 | + </li> | |
55 | + </ul> | |
56 | + </div> | |
57 | + <div class="row btns-tabs"> | |
58 | + <ul class="nav nav-tabs"> | |
59 | + <li class="active"><a href="#home" >交易记录</a></li><li><a href="#profile" >充值记录</a></li><li><a href="#messages" >提现记录</a></li> | |
60 | + </ul> | |
61 | + </div> | |
62 | + <ul class="record-list" data-status="ok"> | |
63 | + <li class="cell"> | |
64 | + <a href="refund_detail.html" class="clearfix"> | |
65 | + <div class="subject"> | |
66 | + <p class="subject-title">体现 招商银行(尾号4231)</p> | |
67 | + <p class="subject-time">04-01 12:31:56</p> | |
68 | + </div> | |
69 | + <div class="status"> | |
70 | + <p class="decimal green"> | |
71 | + -200.00 | |
72 | + </p> | |
73 | + <o class="stats-desc">交易成功</o> | |
74 | + </div> | |
75 | + </a> | |
76 | + </li> | |
77 | + <li class="cell"> | |
78 | + <a href="refund_detail.html" class="clearfix"> | |
79 | + <div class="subject"> | |
80 | + <p class="subject-title">地利批发山东大葱</p> | |
81 | + <p class="subject-time">04-01 12:31:56</p> | |
82 | + </div> | |
83 | + <div class="status"> | |
84 | + <p class="decimal"> | |
85 | + +1000.00 | |
86 | + </p> | |
87 | + <o class="stats-desc">等待买家付款</o> | |
88 | + </div> | |
89 | + </a> | |
90 | + </li> | |
91 | + <li class="cell"> | |
92 | + <a href="refund_detail.html" class="clearfix"> | |
93 | + <div class="subject"> | |
94 | + <p class="subject-title">地利批发河北大葱</p> | |
95 | + <p class="subject-time">04-01 12:31:56</p> | |
96 | + </div> | |
97 | + <div class="status"> | |
98 | + <p class="decimal"> | |
99 | + +3500.00 | |
100 | + </p> | |
101 | + <o class="stats-desc">等待卖家发货</o> | |
102 | + </div> | |
103 | + </a> | |
104 | + </li> | |
105 | + <li class="cell"> | |
106 | + <a href="refund_detail.html" class="clearfix"> | |
107 | + <div class="subject"> | |
108 | + <p class="subject-title">地利批发河北大葱</p> | |
109 | + <p class="subject-time">04-01 12:31:56</p> | |
110 | + </div> | |
111 | + <div class="status"> | |
112 | + <p class="decimal green"> | |
113 | + -100.00 | |
114 | + </p> | |
115 | + <o class="stats-desc">已经退款</o> | |
116 | + </div> | |
117 | + </a> | |
118 | + </li> | |
119 | + <li class="cell"> | |
120 | + <a href="refund_detail.html" class="clearfix"> | |
121 | + <div class="subject"> | |
122 | + <p class="subject-title">地利批发河北大葱</p> | |
123 | + <p class="subject-time">04-01 12:31:56</p> | |
124 | + </div> | |
125 | + <div class="status"> | |
126 | + <p class="decimal green"> | |
127 | + -100.00 | |
128 | + </p> | |
129 | + <o class="stats-desc">等待买家确认收货</o> | |
130 | + </div> | |
131 | + </a> | |
132 | + </li> | |
133 | + <li class="cell"> | |
134 | + <a href="refund_detail.html" class="clearfix"> | |
135 | + <div class="subject"> | |
136 | + <p class="subject-title">地利批发 四川红富士</p> | |
137 | + <p class="subject-time">04-01 12:31:56</p> | |
138 | + </div> | |
139 | + <div class="status"> | |
140 | + <p class="decimal"> | |
141 | + +100.00 | |
142 | + </p> | |
143 | + <o class="stats-desc">交易成功(有退款)</o> | |
144 | + </div> | |
145 | + </a> | |
146 | + </li> | |
147 | + <li class="cell"> | |
148 | + <a href="refund_detail.html" class="clearfix"> | |
149 | + <div class="subject"> | |
150 | + <p class="title">转账 李四</p> | |
151 | + <p class="subject-time">04-01 12:31:56</p> | |
152 | + </div> | |
153 | + <div class="status"> | |
154 | + <p class="decimal"> | |
155 | + +6000.00 | |
156 | + </p> | |
157 | + <o class="stats-desc">交易成功</o> | |
158 | + </div> | |
159 | + </a> | |
160 | + </li> | |
161 | + </ul> | |
162 | + </section> | |
163 | + </div> | |
164 | + </body> | |
165 | +</html> | |
0 | 166 | \ No newline at end of file | ... | ... |
2.0/money_trade_detail.html
0 → 100644
1 | +++ a/2.0/money_trade_detail.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>账单详情</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/money.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
18 | + | |
19 | +</head> | |
20 | +<body> | |
21 | + <div class="m-page"> | |
22 | + <header class="m-header"> | |
23 | + <div class="head"> | |
24 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
25 | + <h1>账单详情</h1> | |
26 | + </div> | |
27 | + </header> | |
28 | + <section class="m-content" id="money-trade-detail"> | |
29 | + <div class="profile"> | |
30 | + <div class="avatar"> | |
31 | + <img src="../images/avatar-80.png" alt=""> | |
32 | + </div> | |
33 | + <div class="info"> | |
34 | + <p class="profile-name">张三丰</p> | |
35 | + <p class="profile-mobile">138****0800</p> | |
36 | + </div> | |
37 | + </div> | |
38 | + <div class="balance key-value"> | |
39 | + <div class="key"> | |
40 | + 金额(元) | |
41 | + </div> | |
42 | + <div class="value"> | |
43 | + +2000.0 | |
44 | + </div> | |
45 | + </div> | |
46 | + <ul class="trade-params"> | |
47 | + <li class="key-value"> | |
48 | + <div class="key">商品</div> | |
49 | + <div class="value">地利批发 山东大葱</div> | |
50 | + </li> | |
51 | + <li class="key-value"> | |
52 | + <div class="key">交易类型</div> | |
53 | + <div class="value">担保交易</div> | |
54 | + </li> | |
55 | + <li class="key-value"> | |
56 | + <div class="key">创建时间</div> | |
57 | + <div class="value">2012-09-11 12:22:00</div> | |
58 | + </li> | |
59 | + <li class="key-value"> | |
60 | + <div class="key">交易号</div> | |
61 | + <div class="value">123213312312312</div> | |
62 | + </li> | |
63 | + <li class="key-value"> | |
64 | + <div class="key">商户订单号</div> | |
65 | + <div class="value">123213312312312</div> | |
66 | + </li> | |
67 | + </ul> | |
68 | + <a href="#" class="btn-block">等待卖家付款</a> | |
69 | + </section> | |
70 | + </div> | |
71 | +</body> | |
72 | +</html> | |
0 | 73 | \ No newline at end of file | ... | ... |
2.0/money_trade_detail2.html
0 → 100644
1 | +++ a/2.0/money_trade_detail2.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>账单详情-已退款</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/money.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
18 | + | |
19 | +</head> | |
20 | +<body > | |
21 | + <div class="m-page"> | |
22 | + <header class="m-header"> | |
23 | + <div class="head"> | |
24 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
25 | + <h1>账单详情</h1> | |
26 | + </div> | |
27 | + </header> | |
28 | + <section class="m-content" id="money-trade-detail"> | |
29 | + <div class="profile"> | |
30 | + <div class="avatar"> | |
31 | + <img src="../images/avatar-80.png" alt=""> | |
32 | + </div> | |
33 | + <div class="info"> | |
34 | + <p class="profile-name">张三丰</p> | |
35 | + <p class="profile-mobile">138****0800</p> | |
36 | + </div> | |
37 | + </div> | |
38 | + <div class="balance key-value"> | |
39 | + <div class="key"> | |
40 | + 金额(元) | |
41 | + </div> | |
42 | + <div class="value"> | |
43 | + +2000.0 | |
44 | + </div> | |
45 | + </div> | |
46 | + <div class="refund-amount key-value"> | |
47 | + <div class="key"> | |
48 | + 退款金额(元) | |
49 | + </div> | |
50 | + <div class="value green"> | |
51 | + -300.0 | |
52 | + </div> | |
53 | + </div> | |
54 | + <ul class="trade-params"> | |
55 | + <li class="key-value"> | |
56 | + <div class="key">商品</div> | |
57 | + <div class="value">地利批发 山东大葱</div> | |
58 | + </li> | |
59 | + <li class="key-value"> | |
60 | + <div class="key">交易类型</div> | |
61 | + <div class="value">担保交易</div> | |
62 | + </li> | |
63 | + <li class="key-value"> | |
64 | + <div class="key">创建时间</div> | |
65 | + <div class="value">2012-09-11 12:22:00</div> | |
66 | + </li> | |
67 | + <li class="key-value"> | |
68 | + <div class="key">交易号</div> | |
69 | + <div class="value">123213312312312</div> | |
70 | + </li> | |
71 | + <li class="key-value"> | |
72 | + <div class="key">商户订单号</div> | |
73 | + <div class="value">123213312312312</div> | |
74 | + </li> | |
75 | + </ul> | |
76 | + <a href="#" class="alert-block">已退款</a> | |
77 | + </section> | |
78 | + </div> | |
79 | +</body> | |
80 | +</html> | |
0 | 81 | \ No newline at end of file | ... | ... |
2.0/money_trade_detail3.html
0 → 100644
1 | +++ a/2.0/money_trade_detail3.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>账单详情-提现</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/money.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
18 | + | |
19 | +</head> | |
20 | +<body > | |
21 | + <div class="m-page"> | |
22 | + <header class="m-header"> | |
23 | + <div class="head"> | |
24 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
25 | + <h1>账单详情</h1> | |
26 | + </div> | |
27 | + </header> | |
28 | + <section class="m-content" id="money-trade-detail"> | |
29 | + <div class="profile"> | |
30 | + <div class="avatar"> | |
31 | + <img src="../images/m_bank.jpg" alt=""> | |
32 | + </div> | |
33 | + <div class="info"> | |
34 | + <p class="profile-name">招商银行</p> | |
35 | + <p class="profile-number">尾号 (8902)</p> | |
36 | + </div> | |
37 | + </div> | |
38 | + <div class="cash-out-amount key-value"> | |
39 | + <div class="key"> | |
40 | + 金额(元) | |
41 | + </div> | |
42 | + <div class="value green"> | |
43 | + -300.0 | |
44 | + </div> | |
45 | + </div> | |
46 | + <ul class="trade-params"> | |
47 | + <li class="key-value"> | |
48 | + <div class="key">交易类型</div> | |
49 | + <div class="value">提现</div> | |
50 | + </li> | |
51 | + <li class="key-value"> | |
52 | + <div class="key">创建时间</div> | |
53 | + <div class="value">2012-09-11 12:22:00</div> | |
54 | + </li> | |
55 | + <li class="key-value"> | |
56 | + <div class="key">交易号</div> | |
57 | + <div class="value">123213312312312</div> | |
58 | + </li> | |
59 | + </ul> | |
60 | + <a href="#" class="alert-block alert-block-succ">成功</a> | |
61 | + </section> | |
62 | + </div> | |
63 | +</body> | |
64 | +</html> | |
0 | 65 | \ No newline at end of file | ... | ... |
2.0/money_trade_detail4.html
0 → 100644
1 | +++ a/2.0/money_trade_detail4.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>账单详情-充值</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/money.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
18 | + | |
19 | +</head> | |
20 | +<body > | |
21 | + <div class="m-page"> | |
22 | + <header class="m-header"> | |
23 | + <div class="head"> | |
24 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
25 | + <h1>账单详情</h1> | |
26 | + </div> | |
27 | + </header> | |
28 | + <section class="m-content" id="money-trade-detail"> | |
29 | + <div class="profile"> | |
30 | + <div class="avatar"> | |
31 | + <img src="../images/avatar-80.png" alt=""> | |
32 | + </div> | |
33 | + <div class="info"> | |
34 | + <p class="profile-name">张三丰</p> | |
35 | + <p class="profile-mobile">138****0800</p> | |
36 | + </div> | |
37 | + </div> | |
38 | + <div class="balance key-value"> | |
39 | + <div class="key"> | |
40 | + 金额(元) | |
41 | + </div> | |
42 | + <div class="value"> | |
43 | + +2000.0 | |
44 | + </div> | |
45 | + </div> | |
46 | + <ul class="trade-params"> | |
47 | + <li class="key-value"> | |
48 | + <div class="key">充值方式</div> | |
49 | + <div class="value">微信支付</div> | |
50 | + </li> | |
51 | + <li class="key-value"> | |
52 | + <div class="key">交易类型</div> | |
53 | + <div class="value">充值</div> | |
54 | + </li> | |
55 | + <li class="key-value"> | |
56 | + <div class="key">创建时间</div> | |
57 | + <div class="value">2012-09-11 12:22:00</div> | |
58 | + </li> | |
59 | + <li class="key-value"> | |
60 | + <div class="key">交易号</div> | |
61 | + <div class="value">123213312312312</div> | |
62 | + </li> | |
63 | + </ul> | |
64 | + <a href="#" class="alert-block alert-block-succ">交易成功</a> | |
65 | + </section> | |
66 | + </div> | |
67 | +</body> | |
68 | +</html> | |
0 | 69 | \ No newline at end of file | ... | ... |
2.0/money_trade_detail5.html
0 → 100644
1 | +++ a/2.0/money_trade_detail5.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>账单详情-即时到帐</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/money.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
18 | + | |
19 | +</head> | |
20 | +<body > | |
21 | + <div class="m-page"> | |
22 | + <header class="m-header"> | |
23 | + <div class="head"> | |
24 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
25 | + <h1>账单详情</h1> | |
26 | + </div> | |
27 | + </header> | |
28 | + <section class="m-content" id="money-trade-detail"> | |
29 | + <div class="profile"> | |
30 | + <div class="avatar"> | |
31 | + <img src="../images/avatar-80.png" alt=""> | |
32 | + </div> | |
33 | + <div class="info"> | |
34 | + <p class="profile-name">张三丰</p> | |
35 | + <p class="profile-mobile">13800000800</p> | |
36 | + </div> | |
37 | + </div> | |
38 | + <div class="balance key-value"> | |
39 | + <div class="key"> | |
40 | + 金额(元) | |
41 | + </div> | |
42 | + <div class="value"> | |
43 | + +2000.0 | |
44 | + </div> | |
45 | + </div> | |
46 | + <ul class="trade-params"> | |
47 | + <li class="key-value"> | |
48 | + <div class="key">商品</div> | |
49 | + <div class="value">地利批发 山东大葱</div> | |
50 | + </li> | |
51 | + <li class="key-value"> | |
52 | + <div class="key">交易类型</div> | |
53 | + <div class="value">即时到帐</div> | |
54 | + </li> | |
55 | + <li class="key-value"> | |
56 | + <div class="key">创建时间</div> | |
57 | + <div class="value">2012-09-11 12:22:00</div> | |
58 | + </li> | |
59 | + <li class="key-value"> | |
60 | + <div class="key">交易号</div> | |
61 | + <div class="value">123213312312312</div> | |
62 | + </li> | |
63 | + <li class="key-value"> | |
64 | + <div class="key">商户订单号</div> | |
65 | + <div class="value">123213312312312</div> | |
66 | + </li> | |
67 | + </ul> | |
68 | + <a href="#" class="alert-block alert-block-succ">交易成功</a> | |
69 | + </section> | |
70 | + </div> | |
71 | +</body> | |
72 | +</html> | |
0 | 73 | \ No newline at end of file | ... | ... |
2.0/money_trade_detail5_1.html
0 → 100644
1 | +++ a/2.0/money_trade_detail5_1.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>账单详情-即时到帐(有退款)</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/money.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
18 | + | |
19 | +</head> | |
20 | +<body > | |
21 | + <div class="m-page"> | |
22 | + <header class="m-header"> | |
23 | + <div class="head"> | |
24 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
25 | + <h1>账单详情</h1> | |
26 | + </div> | |
27 | + </header> | |
28 | + <section class="m-content" id="money-trade-detail"> | |
29 | + <div class="profile"> | |
30 | + <div class="avatar"> | |
31 | + <img src="../images/avatar-80.png" alt=""> | |
32 | + </div> | |
33 | + <div class="info"> | |
34 | + <p class="profile-name">张三丰</p> | |
35 | + <p class="profile-mobile">138****0800</p> | |
36 | + </div> | |
37 | + </div> | |
38 | + <div class="balance key-value"> | |
39 | + <div class="key"> | |
40 | + 金额(元) | |
41 | + </div> | |
42 | + <div class="value"> | |
43 | + +2000.0 | |
44 | + </div> | |
45 | + </div> | |
46 | + <div class="refund-amount key-value"> | |
47 | + <div class="key"> | |
48 | + 退款金额(元) | |
49 | + </div> | |
50 | + <div class="value green"> | |
51 | + -300.00 | |
52 | + </div> | |
53 | + </div> | |
54 | + <ul class="trade-params"> | |
55 | + <li class="key-value"> | |
56 | + <div class="key">商品</div> | |
57 | + <div class="value">地利批发 山东大葱</div> | |
58 | + </li> | |
59 | + <li class="key-value"> | |
60 | + <div class="key">交易类型</div> | |
61 | + <div class="value">即时到帐</div> | |
62 | + </li> | |
63 | + <li class="key-value"> | |
64 | + <div class="key">创建时间</div> | |
65 | + <div class="value">2012-09-11 12:22:00</div> | |
66 | + </li> | |
67 | + <li class="key-value"> | |
68 | + <div class="key">交易号</div> | |
69 | + <div class="value">123213312312312</div> | |
70 | + </li> | |
71 | + <li class="key-value"> | |
72 | + <div class="key">商户订单号</div> | |
73 | + <div class="value">123213312312312</div> | |
74 | + </li> | |
75 | + </ul> | |
76 | + <a href="#" class="alert-block">已退款</a> | |
77 | + </section> | |
78 | + </div> | |
79 | +</body> | |
80 | +</html> | |
0 | 81 | \ No newline at end of file | ... | ... |
2.0/money_trade_detail6.html
0 → 100644
1 | +++ a/2.0/money_trade_detail6.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>账单详情-优惠券</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/money.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
18 | + | |
19 | +</head> | |
20 | +<body > | |
21 | + <div class="m-page"> | |
22 | + <header class="m-header"> | |
23 | + <div class="head"> | |
24 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
25 | + <h1>账单详情</h1> | |
26 | + </div> | |
27 | + </header> | |
28 | + <section class="m-content" id="money-trade-detail"> | |
29 | + <div class="profile"> | |
30 | + <div class="avatar"> | |
31 | + <img src="../images/coupon-80.png" alt=""> | |
32 | + </div> | |
33 | + <div class="info"> | |
34 | + <p class="profile-name">农丰网促销券</p> | |
35 | + <p class="profile-desc">50元</p> | |
36 | + </div> | |
37 | + </div> | |
38 | + <div class="amount key-value"> | |
39 | + <div class="key"> | |
40 | + 金额(元) | |
41 | + </div> | |
42 | + <div class="value"> | |
43 | + +2000.0 | |
44 | + </div> | |
45 | + </div> | |
46 | + <div class="coupon-comment key-value"> | |
47 | + <div class="key"> | |
48 | + 备注 | |
49 | + </div> | |
50 | + <div class="value"> | |
51 | + 使用50元优惠券-农丰网-国光苹果 | |
52 | + </div> | |
53 | + </div> | |
54 | + <ul class="trade-params"> | |
55 | + <li class="key-value"> | |
56 | + <div class="key">交易类型</div> | |
57 | + <div class="value">即时到帐</div> | |
58 | + </li> | |
59 | + <li class="key-value"> | |
60 | + <div class="key">创建时间</div> | |
61 | + <div class="value">2012-09-11 12:22:00</div> | |
62 | + </li> | |
63 | + <li class="key-value"> | |
64 | + <div class="key">交易号</div> | |
65 | + <div class="value">123213312312312</div> | |
66 | + </li> | |
67 | + <li class="key-value"> | |
68 | + <div class="key">订单号</div> | |
69 | + <div class="value">123213312312312</div> | |
70 | + </li> | |
71 | + </ul> | |
72 | + <a href="#" class="alert-block alert-block-succ">交易成功</a> | |
73 | + </section> | |
74 | + </div> | |
75 | +</body> | |
76 | +</html> | |
0 | 77 | \ No newline at end of file | ... | ... |
2.0/money_trade_detail7.html
0 → 100644
1 | +++ a/2.0/money_trade_detail7.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>账单详情-交易返利账单</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/money.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
18 | + | |
19 | +</head> | |
20 | +<body> | |
21 | + <div class="m-page"> | |
22 | + <header class="m-header"> | |
23 | + <div class="head"> | |
24 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
25 | + <h1>账单详情</h1> | |
26 | + </div> | |
27 | + </header> | |
28 | + <section class="m-content" id="money-trade-detail"> | |
29 | + <div class="profile"> | |
30 | + <div class="avatar"> | |
31 | + <img src="../images/coupon-80.png" alt=""> | |
32 | + </div> | |
33 | + <div class="info"> | |
34 | + <p class="profile-name">农丰网促销券</p> | |
35 | + <p class="profile-desc">20元</p> | |
36 | + </div> | |
37 | + </div> | |
38 | + <div class="amount key-value"> | |
39 | + <div class="key"> | |
40 | + 金额(元) | |
41 | + </div> | |
42 | + <div class="value"> | |
43 | + +20.00 | |
44 | + </div> | |
45 | + </div> | |
46 | + <div class="coupon-comment key-value"> | |
47 | + <div class="key"> | |
48 | + 备注 | |
49 | + </div> | |
50 | + <div class="value"> | |
51 | + 交易返利(农丰网-苹果1000.00元) | |
52 | + </div> | |
53 | + </div> | |
54 | + <ul class="trade-params"> | |
55 | + <li class="key-value"> | |
56 | + <div class="key">交易类型</div> | |
57 | + <div class="value">即时到帐</div> | |
58 | + </li> | |
59 | + <li class="key-value"> | |
60 | + <div class="key">创建时间</div> | |
61 | + <div class="value">2012-09-11 12:22:00</div> | |
62 | + </li> | |
63 | + <li class="key-value"> | |
64 | + <div class="key">交易号</div> | |
65 | + <div class="value">123213312312312</div> | |
66 | + </li> | |
67 | + <li class="key-value"> | |
68 | + <div class="key">订单号</div> | |
69 | + <div class="value">123213312312312</div> | |
70 | + </li> | |
71 | + </ul> | |
72 | + <a href="#" class="alert-block alert-block-succ">交易成功</a> | |
73 | + </section> | |
74 | + </div> | |
75 | +</body> | |
76 | +</html> | |
0 | 77 | \ No newline at end of file | ... | ... |
2.0/pay_password.html
0 → 100644
1 | +++ a/2.0/pay_password.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>支付密码设置</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/operationPassword.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page operationPassword"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>支付密码设置</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <p class="tip">您还未设置支付密码,为保证您的资金账户安全请设置支付密码</p> | |
28 | + <p class="text">支付密码由8-20位字母,数组组成.</p> | |
29 | + <div class="m-table-view"> | |
30 | + <ul> | |
31 | + <li class="cell"> | |
32 | + <input type="password" placeholder="请输入新支付密码" > | |
33 | + </li> | |
34 | + <li class="cell"> | |
35 | + <input type="password" placeholder="请再次确认新支付密码" > | |
36 | + </li> | |
37 | + </ul> | |
38 | + </div> | |
39 | + <p class="text"><input type="radio" class="m-radio" ><span>显示密码</span></p> | |
40 | + <p class="text size13">付款、提现、确认收货和确认退款会用到支付密码,请保管好你的密码</p> | |
41 | + <a href="#" class="m-btn btn-blue">确认</a> | |
42 | + </section> | |
43 | + </div> | |
44 | + </body> | |
45 | +</html> | |
0 | 46 | \ No newline at end of file | ... | ... |
2.0/popup.html
0 → 100644
1 | +++ a/2.0/popup.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | +<head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>弹出框</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <style> | |
13 | + .btns{ padding: 15px;} | |
14 | + .btns a{ | |
15 | + display: block; | |
16 | + margin-bottom: 15px; | |
17 | + } | |
18 | + </style> | |
19 | + <!-- base seajs --> | |
20 | + <script type="text/javascript" src="../js/javascript/common/sea.js"></script> | |
21 | + <!-- base jquery --> | |
22 | + <script type="text/javascript" src="../js/javascript/common/config.js"></script> | |
23 | +</head> | |
24 | +<body> | |
25 | + <div class="btns"> | |
26 | + <a href="#enterPwdPop" data-popup="center" class="m-btn">输入支付密码</a> | |
27 | + <a href="#removeBankCardPop" data-popup="center" class="m-btn">删除银行卡</a> | |
28 | + <a href="#limitedPop" data-popup="center" class="m-btn">超过限额,请验证手机</a> | |
29 | + <a href="#messagePop" data-popup="center" class="m-btn">短信验证码</a> | |
30 | + </div> | |
31 | + | |
32 | + <!-- 输入支付密码 --> | |
33 | + <div class="m-popup m-animate-hide popup-large" id="enterPwdPop"> | |
34 | + <style> | |
35 | + #enterPwdPop .pwd-box {text-align: center; padding: 0 15px;} | |
36 | + #enterPwdPop .m-input{width: 100%; box-sizing: border-box;} | |
37 | + #enterPwdPop .forgot-pwd {padding: 0 15px; text-align: left; margin-bottom: 10px;} | |
38 | + #enterPwdPop .forgot-pwd a{color: #1b6ba5; font-size: 12px;} | |
39 | + </style> | |
40 | + <div class="popup-head"></div> | |
41 | + <div class="popup-cont"> | |
42 | + <p class="text">请输入支付密码</p> | |
43 | + <div class="pwd-box"><input type="text" class="m-input" placeholder="请输入支付密码"></div> | |
44 | + <div class="forgot-pwd"><a href="#">找回支付密码?</a></div> | |
45 | + </div> | |
46 | + <div class="popup-foot"> | |
47 | + <a href="#" class="m-btn close" data-dismiss>取消</a> | |
48 | + <a href="#" class="m-btn close" data-dismiss>确认</a> | |
49 | + </div> | |
50 | + </div> | |
51 | + | |
52 | + <!-- 确认删除绑定银行卡 --> | |
53 | + <div class="m-popup m-animate-hide popup-large" id="removeBankCardPop"> | |
54 | + <div class="popup-head"></div> | |
55 | + <div class="popup-cont"> | |
56 | + <p class="text">确认删除绑定银行卡?</p> | |
57 | + <div style="text-align: center;"><input type="text" class="m-input" placeholder="请输入支付密码" ></div> | |
58 | + </div> | |
59 | + <div class="popup-foot"> | |
60 | + <a href="#" class="m-btn close" data-dismiss>删除</a> | |
61 | + <a href="#" class="m-btn close" data-dismiss>取消</a> | |
62 | + </div> | |
63 | + </div> | |
64 | + | |
65 | + <!-- 超过限额,请验证手机 --> | |
66 | + <div class="m-popup m-animate-hide popup-large" id="limitedPop"> | |
67 | + <div class="popup-head"></div> | |
68 | + <div class="popup-cont"> | |
69 | + <p class="text">超过限额,请验证手机</p> | |
70 | + <div class="phone"> | |
71 | + <input type="text" class="m-input" placeholder="请输入支付密码" > | |
72 | + <span class="note-view">获取验证码</span> | |
73 | + </div> | |
74 | + </div> | |
75 | + <div class="popup-foot"> | |
76 | + <a href="#" class="m-btn close" data-dismiss>取消</a> | |
77 | + <a href="#" class="m-btn close" data-dismiss>确认</a> | |
78 | + </div> | |
79 | + </div> | |
80 | + | |
81 | + | |
82 | + <!-- 短信验证码 --> | |
83 | + <div class="m-popup m-animate-hide popup-large" id="messagePop"> | |
84 | + <div class="popup-head"></div> | |
85 | + <div class="popup-cont"> | |
86 | + <p class="text">短信验证码</p> | |
87 | + <div class="phone"> | |
88 | + <input type="text" class="m-input" placeholder="请输入短信验证码" > | |
89 | + <span class="note-view">获取验证码</span> | |
90 | + </div> | |
91 | + </div> | |
92 | + <div class="popup-foot"> | |
93 | + <a href="#" class="m-btn close" data-dismiss>取消</a> | |
94 | + <a href="#" class="m-btn close" data-dismiss>确认</a> | |
95 | + </div> | |
96 | + </div> | |
97 | + | |
98 | + <script> | |
99 | + seajs.use(['../js/javascript/popup']); | |
100 | + </script> | |
101 | +</body> | |
102 | +</html> | |
0 | 103 | \ No newline at end of file | ... | ... |
2.0/setup.html
0 → 100644
1 | +++ a/2.0/setup.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>设置</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/setup.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>设置</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <div class="m-table-view"> | |
28 | + <ul> | |
29 | + <li class="cell"> | |
30 | + <a href="#"><h3 class="title">实名认证</h3><span class="text">未认证</span></a> | |
31 | + </li> | |
32 | + <li class="cell"> | |
33 | + <a href="#"><h3 class="title">修改支付密码</h3><span class="text icon icon-more"></span></a> | |
34 | + </li> | |
35 | + <li class="cell"> | |
36 | + <a href="#"><h3 class="title">找回支付密码</h3><span class="text icon icon-more"></span></a> | |
37 | + </li> | |
38 | + </ul> | |
39 | + </div> | |
40 | + </section> | |
41 | + </div> | |
42 | + </body> | |
43 | +</html> | |
0 | 44 | \ No newline at end of file | ... | ... |
2.0/withdraw.html
0 → 100644
1 | +++ a/2.0/withdraw.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>提现(余额转出)</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/withdraw.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page withdraw"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>提现(余额转出)</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content"> | |
27 | + <div class="m-table-view bank-manage"> | |
28 | + <ul> | |
29 | + <li class="cell"> | |
30 | + <h3 class="title">请添加银行卡</h3> | |
31 | + <span class="m-icon icon-more text"></span> | |
32 | + </li> | |
33 | + <li class="cell"> | |
34 | + <h3 class="title">到账时间</h3> | |
35 | + <span class="text">2日内到账</span> | |
36 | + </li> | |
37 | + </ul> | |
38 | + </div> | |
39 | + <p class="txt">可提现余额:<span>4001.00</span>元 总余额:<span>5000.00</span>元</p> | |
40 | + <div class="m-table-view bank-manage"> | |
41 | + <ul> | |
42 | + <li class="cell"> | |
43 | + <h3 class="title">转出余额</h3> | |
44 | + <input type="text" class="m-input" > | |
45 | + </li> | |
46 | + </ul> | |
47 | + </div> | |
48 | + <p class="txt">每日提现限额1000.00元,今日还可以提现2次</p> | |
49 | + <a href="#" class="m-btn disabled">确认提现</a> | |
50 | + </section> | |
51 | + </div> | |
52 | + </body> | |
53 | +</html> | |
0 | 54 | \ No newline at end of file | ... | ... |
2.0/withdraw1.html
0 → 100644
1 | +++ a/2.0/withdraw1.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>提现(余额转出)</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/withdraw.css"> | |
13 | + | |
14 | + <!-- base seajs --> | |
15 | + <script type="text/javascript" src="../js/javascript/common/sea.js"></script> | |
16 | + <!-- base jquery --> | |
17 | + <script type="text/javascript" src="../js/javascript/common/config.js"></script> | |
18 | + </head> | |
19 | + <body> | |
20 | + <div class="m-page withdraw"> | |
21 | + <header class="m-header"> | |
22 | + <div class="head"> | |
23 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
24 | + <h1>提现(余额转出)</h1> | |
25 | + </div> | |
26 | + </header> | |
27 | + <section class="m-content"> | |
28 | + <div class="m-table-view bank-manage"> | |
29 | + <ul> | |
30 | + <li class="cell"> | |
31 | + <div class="bank-view"> | |
32 | + <img src="../images/m_bank.jpg" /> | |
33 | + <div class="cont"> | |
34 | + <div class="name"> | |
35 | + <span class="cats">工商银行</span> | |
36 | + <span class="quick">快捷支付</span> | |
37 | + </div> | |
38 | + <div class="msg"> | |
39 | + <span>尾号 0238</span> | |
40 | + <span>储蓄卡</span> | |
41 | + <span>逗比冰</span> | |
42 | + </div> | |
43 | + </div> | |
44 | + </div> | |
45 | + <span class="m-icon icon-more bank-text"></span> | |
46 | + </li> | |
47 | + <li class="cell"> | |
48 | + <h3 class="title">到账时间</h3> | |
49 | + <span class="text">2日内到账</span> | |
50 | + </li> | |
51 | + </ul> | |
52 | + </div> | |
53 | + <p class="txt">可提现余额:<span>4001.00</span>元 总余额:<span>5000.00</span>元</p> | |
54 | + <div class="m-table-view bank-manage"> | |
55 | + <ul> | |
56 | + <li class="cell"> | |
57 | + <h3 class="title">转出余额</h3> | |
58 | + <input type="text" class="m-input" > | |
59 | + </li> | |
60 | + </ul> | |
61 | + </div> | |
62 | + <p class="txt">每日提现限额1000.00元,今日还可以提现2次</p> | |
63 | + <a href="#enterPwdPop" data-popup="center" class="m-btn btn-blue">确认提现</a> | |
64 | + </section> | |
65 | + </div> | |
66 | + <div class="m-popup m-animate-hide popup-large" id="savePop"> | |
67 | + <div class="popup-head"></div> | |
68 | + <div class="popup-cont"> | |
69 | + <p class="text">确认删除绑定银行卡?</p> | |
70 | + <div style="text-align: center;"><input type="text" class="m-input" placeholder="请输入支付密码" ></div> | |
71 | + </div> | |
72 | + <div class="popup-foot"> | |
73 | + <a href="#" class="m-btn close" id="closeDelBank" data-dismiss>删除</a> | |
74 | + <a href="#" class="m-btn close" id="cancelDelBank" data-dismiss>取消</a> | |
75 | + </div> | |
76 | + </div> | |
77 | + | |
78 | + <!-- 提现--输入支付密码 --> | |
79 | + <div class="m-popup m-animate-hide popup-large" id="enterPwdPop"> | |
80 | + <style> | |
81 | + #enterPwdPop .pwd-box {text-align: center; padding: 0 15px;} | |
82 | + #enterPwdPop .m-input{width: 100%; box-sizing: border-box;} | |
83 | + #enterPwdPop .forgot-pwd {padding: 0 15px; text-align: left; margin-bottom: 10px;} | |
84 | + #enterPwdPop .forgot-pwd a{color: #1b6ba5; font-size: 12px;} | |
85 | + </style> | |
86 | + <div class="popup-head"></div> | |
87 | + <div class="popup-cont"> | |
88 | + <p class="text">请输入支付密码</p> | |
89 | + <div class="pwd-box"><input type="text" class="m-input" placeholder="请输入支付密码"></div> | |
90 | + <div class="forgot-pwd"><a href="#">找回支付密码?</a></div> | |
91 | + </div> | |
92 | + <div class="popup-foot"> | |
93 | + <a href="#" class="m-btn close" id="closeDelBank" data-dismiss>取消</a> | |
94 | + <a href="#" class="m-btn close" id="cancelDelBank" data-dismiss>确认</a> | |
95 | + </div> | |
96 | + </div> | |
97 | + </body> | |
98 | + <script type="text/javascript"> | |
99 | + seajs.use(['../js/javascript/withdraw']); | |
100 | + </script> | |
101 | +</html> | |
0 | 102 | \ No newline at end of file | ... | ... |
2.0/withdraw_succ.html
0 → 100644
1 | +++ a/2.0/withdraw_succ.html | |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + <head> | |
4 | + <meta charset="UTF-8"> | |
5 | + <meta name="format-detection" content="telephone=no" /> | |
6 | + <meta name="msapplication-tap-highlight" content="no" /> | |
7 | + <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> | |
8 | + <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> --> | |
9 | + <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> | |
10 | + <title>提现成功</title> | |
11 | + <link rel="stylesheet" href="../css/style/common-2.0.css"> | |
12 | + <link rel="stylesheet" href="../css/style/charge.css"> | |
13 | + <!-- base seajs --> | |
14 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script> | |
15 | + <!-- base jquery --> | |
16 | + <script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script> | |
17 | + </head> | |
18 | + <body> | |
19 | + <div class="m-page"> | |
20 | + <header class="m-header"> | |
21 | + <div class="head"> | |
22 | + <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a> | |
23 | + <h1>提现成功</h1> | |
24 | + </div> | |
25 | + </header> | |
26 | + <section class="m-content" id="charge-status"> | |
27 | + <div class="row msg-box success"> | |
28 | + <p><i class="m-icon icon-success"></i></p> | |
29 | + <p class="desc">恭喜您提现申请成功</p> | |
30 | + </div> | |
31 | + <div class="m-table-view"> | |
32 | + <ul> | |
33 | + <li class="cell"> | |
34 | + <h3 class="title">提现到</h3> | |
35 | + <p>招商银行储蓄卡尾号3098</p> | |
36 | + </li> | |
37 | + <li class="cell"> | |
38 | + <h3 class="title">到账时间</h3> | |
39 | + <p>1-2天</p> | |
40 | + </li> | |
41 | + <li class="cell"> | |
42 | + <h3 class="title">提现金额</h3> | |
43 | + <p>2000.00元</p> | |
44 | + </li> | |
45 | + </ul> | |
46 | + </div> | |
47 | + <div class="row btn-box"> | |
48 | + <a href="" class="m-btn">完成充值</a> | |
49 | + </div> | |
50 | + </section> | |
51 | + </div> | |
52 | + </body> | |
53 | +</html> | |
0 | 54 | \ No newline at end of file | ... | ... |
css/koala-config.json
0 → 100644
1 | +++ a/css/koala-config.json | |
1 | +// Less project settings, you can edit it and set custom settings. | |
2 | +{ | |
3 | + // The mappings of source directory and output directory | |
4 | + "mappings": [ | |
5 | + { | |
6 | + "src": "less", | |
7 | + "dest": "style" | |
8 | + } | |
9 | + ], | |
10 | + | |
11 | + // Add the ignore rules that Koala will not search them. | |
12 | + // e.g. ["*.json", "*.txt", "test", "path/libs"] | |
13 | + "ignores": ["*.css"], | |
14 | + | |
15 | + // Compile options of LESS. | |
16 | + "options": { | |
17 | + | |
18 | + // Output style. Can be normal (default), compress. | |
19 | + "outputStyle": "normal", | |
20 | + | |
21 | + // Outputs filename and line numbers, which will output the debug info within comments. | |
22 | + "lineComments": false, | |
23 | + | |
24 | + // Outputs filename and line numbers, which will output the information within a fake media query which is compatible with the SASS format. | |
25 | + "debugInfo": false, | |
26 | + | |
27 | + "strictMath": false, | |
28 | + | |
29 | + "strictUnits": false, | |
30 | + | |
31 | + // Create sourcemap files next to the generated CSS files | |
32 | + "sourceMap": false, | |
33 | + | |
34 | + // auto add vendor prefixes to rules | |
35 | + "autoprefix": false | |
36 | + }, | |
37 | + | |
38 | + // Other compile options. | |
39 | + // e.g, ["--strict-imports", ... ,"--rootpath=URL"]. | |
40 | + // Run the command 'lessc -h' to see more options. | |
41 | + "customOptions": [], | |
42 | + | |
43 | + // An array of filesystem paths or importers which should be searched for LESS templates imported with the @import directive. | |
44 | + "includePaths": [] | |
45 | +} | |
0 | 46 | \ No newline at end of file | ... | ... |
css/less/common.less
0 → 100644
1 | +++ a/css/less/common.less | |
1 | +body,h1,h2,h3,h4,ul,li,ol,p{ | |
2 | + padding: 0; | |
3 | + margin: 0; | |
4 | +} | |
5 | +body { | |
6 | + font: 12px/1.5 sans-serif; | |
7 | + background-color: #F5F5F5; | |
8 | + position: relative; | |
9 | + min-height: 100%; | |
10 | +} | |
11 | +//dev 临时重置方案 | |
12 | +*{ | |
13 | + margin: 0; | |
14 | + padding: 0; | |
15 | + border: none; | |
16 | + -webkit-text-size-adjust: none; | |
17 | + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
18 | +} | |
19 | +li{ | |
20 | + list-style: none; | |
21 | +} | |
22 | +img{ | |
23 | + display: inline-block; | |
24 | + vertical-align: middle; | |
25 | + border: 0; | |
26 | +} | |
27 | +input{ | |
28 | + outline: none; | |
29 | +} | |
30 | +a{ | |
31 | + text-decoration: none; | |
32 | +} | |
33 | +.ll{ | |
34 | + float: left; | |
35 | +} | |
36 | +.rr{ | |
37 | + float: right; | |
38 | +} | |
39 | + | |
40 | +//资源路径 | |
41 | +@imgURI: '../../images/'; | |
42 | + | |
43 | + | |
44 | +.col-f60{ | |
45 | + color: #f60; | |
46 | +} | |
47 | + | |
48 | +// btn | |
49 | +.m-btn{ | |
50 | + display: inline-block; | |
51 | + padding: 0 15px; | |
52 | + // margin: 10px 0; | |
53 | + line-height: 45px; | |
54 | + font-size: 18px; | |
55 | + color: #666; | |
56 | + text-align: center; | |
57 | + border: none; | |
58 | + background-color: #FFF; | |
59 | + border-radius: 5px; | |
60 | + -webkit-border-radius: 5px; | |
61 | + -moz-border-radius: 5px; | |
62 | + cursor: pointer; | |
63 | + vertical-align: middle; | |
64 | + border: 1px solid #ddd; | |
65 | + &.btn-success{ | |
66 | + color: #FFF; | |
67 | + background-color: #6C2; | |
68 | + border: none; | |
69 | + &.reverse{ | |
70 | + background-color: #FFF; | |
71 | + color: #6C2; | |
72 | + line-height: 43px; | |
73 | + border: 1px solid #6C2; | |
74 | + } | |
75 | + } | |
76 | + | |
77 | + &.btn-warning{ | |
78 | + color: #FFF; | |
79 | + background-color: #ff9d2c; | |
80 | + border: none; | |
81 | + } | |
82 | + | |
83 | + &.btn-danger{ | |
84 | + color: #FFF; | |
85 | + background-color: #fa4535; | |
86 | + border: none; | |
87 | + } | |
88 | + | |
89 | + &.btn-text{ | |
90 | + background: none; | |
91 | + border: 1px solid #6c2; | |
92 | + color: #6c2; | |
93 | + width: 65px; | |
94 | + font-size: 12px; | |
95 | + text-align: center; | |
96 | + line-height: 23px; | |
97 | + padding: 0; | |
98 | + float: right; | |
99 | + border-radius: 2px; | |
100 | + margin-top: -2px; | |
101 | + } | |
102 | + &.btn-block{ | |
103 | + display: block; | |
104 | + } | |
105 | +} | |
106 | + | |
107 | +.btn-bar{ | |
108 | + margin: 10px; | |
109 | + overflow: hidden; | |
110 | + .ll, | |
111 | + .rr{ | |
112 | + width: 38%; | |
113 | + } | |
114 | + .btn-block{ | |
115 | + margin-bottom: 10px; | |
116 | + } | |
117 | +} | |
118 | + | |
119 | +.m-radio { | |
120 | + background: url("@{imgURI}icon.png") 0 0 no-repeat; | |
121 | + width: 20px; | |
122 | + -webkit-appearance: none; | |
123 | + appearance: none; | |
124 | + height: 20px; | |
125 | + display: inline-block; | |
126 | + background-size: 150px; | |
127 | + border: none; | |
128 | + cursor: pointer; | |
129 | + margin: 0px; | |
130 | + position: relative; | |
131 | +} | |
132 | +.m-radio:checked{ | |
133 | + background-position: -25px 0px; | |
134 | +} | |
135 | + | |
136 | +.m-checkbox{ | |
137 | + background: url("../../images/icon.png") -75px -35px no-repeat; | |
138 | + width: 20px; | |
139 | + -webkit-appearance: none; | |
140 | + appearance: none; | |
141 | + height: 21px; | |
142 | + display: inline-block; | |
143 | + vertical-align: middle; | |
144 | + background-size: 150px; | |
145 | + border: none; | |
146 | + cursor: pointer; | |
147 | + margin: 0px; | |
148 | + position: relative; | |
149 | +} | |
150 | +.m-checkbox:checked{ | |
151 | + background-position: -105px -35px ; | |
152 | +} | |
153 | + | |
154 | +.m-input { | |
155 | + line-height: normal; | |
156 | + padding: 10px 8px; | |
157 | + background: none; | |
158 | + font-size: 14px; | |
159 | + color: #000; | |
160 | + text-align: left; | |
161 | + outline: none; | |
162 | + border-radius: 3px; | |
163 | + box-shadow: none; | |
164 | + border: 0; | |
165 | + &.m-password{ | |
166 | + background: #f5f5f5; | |
167 | + } | |
168 | +} | |
169 | + | |
170 | + | |
171 | + | |
172 | + | |
173 | +// header | |
174 | +.m-header{ | |
175 | + height: 44px; | |
176 | + text-align: center; | |
177 | + border-bottom: 1px #ddd solid; | |
178 | + background-color:#fff; | |
179 | + h1 { | |
180 | + display: inline-block; | |
181 | + vertical-align: middle; | |
182 | + line-height: 44px; | |
183 | + font-weight: normal; | |
184 | + font-size: 18px; | |
185 | + white-space: nowrap; | |
186 | + text-overflow: ellipsis; | |
187 | + overflow: hidden; | |
188 | + } | |
189 | + .m-icon { | |
190 | + width: 44px; | |
191 | + background: url('@{imgURI}icon.png') no-repeat; | |
192 | + background-size: 150px; | |
193 | + text-indent: -9999px; | |
194 | + &.icon-back{ | |
195 | + background-position: 15px -23px; | |
196 | + } | |
197 | + } | |
198 | + .lt-bar, .rt-bar { | |
199 | + //左右两端区域,用于放置 icon | text | |
200 | + position: absolute; | |
201 | + left: 0; | |
202 | + top: 0; | |
203 | + bottom: 0; | |
204 | + min-width: 44px; | |
205 | + height: 44px; | |
206 | + cursor: pointer; | |
207 | + } | |
208 | + .rt-bar{ | |
209 | + right:0; | |
210 | + } | |
211 | + | |
212 | +} | |
213 | + | |
214 | +// m-table-view | |
215 | + | |
216 | +.m-table-view{ | |
217 | + background-color: #FFF; | |
218 | + border-top: 1px solid #ddd; | |
219 | + margin-top: 10px; | |
220 | + | |
221 | + .cell{ | |
222 | + font-size: 14px; | |
223 | + padding: 11px 15px; | |
224 | + text-align: right; | |
225 | + border-bottom: 1px solid #ddd; | |
226 | + overflow: hidden; | |
227 | + position: relative; | |
228 | + .acc{ | |
229 | + position: absolute; | |
230 | + top: 50%; | |
231 | + margin-top: -10px; | |
232 | + right: 15px; | |
233 | + } | |
234 | + } | |
235 | + .title{ | |
236 | + color: #333; | |
237 | + float: left; | |
238 | + font-weight: 400; | |
239 | + .col-f60{ | |
240 | + color: #f60; | |
241 | + } | |
242 | + span{ | |
243 | + display: inline-block; | |
244 | + vertical-align: middle; | |
245 | + text-align: left; | |
246 | + .tips{ | |
247 | + color: #999; | |
248 | + font-size: 13px; | |
249 | + } | |
250 | + } | |
251 | + } | |
252 | + .forms{ | |
253 | + .title{ | |
254 | + line-height: 34px; | |
255 | + } | |
256 | + } | |
257 | + .text{ | |
258 | + display: inline-block; | |
259 | + font-size: 14px; | |
260 | + color: #999; | |
261 | + } | |
262 | + .m-input-box{ | |
263 | + overflow: hidden; | |
264 | + .m-input{ | |
265 | + width: 100%; | |
266 | + padding: 10px 0; | |
267 | + text-indent: 8px; | |
268 | + } | |
269 | + } | |
270 | +} | |
271 | +.login-view { | |
272 | + .title { | |
273 | + width: 65px; | |
274 | + } | |
275 | +} | |
276 | + | |
277 | +.tipsBox{ | |
278 | + margin: 15px; | |
279 | + color: #78acf3; | |
280 | +} | |
281 | +.tips-icon{ | |
282 | + display: inline-block; | |
283 | + vertical-align: middle; | |
284 | + margin-top: -1px; | |
285 | + width: 13px; | |
286 | + height: 13px; | |
287 | + background: url('@{imgURI}icon.png') -35px -38px no-repeat; | |
288 | + background-size: 150px; | |
289 | +} | |
290 | + | |
291 | +.messages{ | |
292 | + margin: 40px 15px; | |
293 | + text-align: center; | |
294 | + .success{ | |
295 | + font-size: 16px; | |
296 | + color: #8ad218; | |
297 | + } | |
298 | + .error{ | |
299 | + font-size: 16px; | |
300 | + color: #ff4412; | |
301 | + } | |
302 | + p{ | |
303 | + font-size: 14px; | |
304 | + color: #666; | |
305 | + margin-top: 10px; | |
306 | + } | |
307 | +} | |
308 | +.msg-icon{ | |
309 | + display: inline-block; | |
310 | + vertical-align: middle; | |
311 | + margin-top: -2px; | |
312 | + width: 26px; | |
313 | + height: 26px; | |
314 | + background: url('@{imgURI}icon.png') -72px 0px no-repeat; | |
315 | + background-size: 150px; | |
316 | + &.error-icon{ | |
317 | + background-position: -107px 0; | |
318 | + } | |
319 | +} | |
320 | + | |
321 | + | |
322 | +.tipsWrap{ | |
323 | + margin: 10px 15px; | |
324 | + color: #999; | |
325 | + label{ | |
326 | + font-size: 14px; | |
327 | + padding: 5px 0; | |
328 | + display: block; | |
329 | + } | |
330 | +} | |
331 | + | |
332 | + | |
333 | +.m-message { | |
334 | + position: fixed; | |
335 | + left: 0; | |
336 | + right: 0; | |
337 | + top: 0; | |
338 | + bottom: 0; | |
339 | + background: none; | |
340 | + text-align: center; | |
341 | + z-index: 9999; | |
342 | + .text { | |
343 | + margin-top: 45%; | |
344 | + display: inline-block; | |
345 | + vertical-align: middle; | |
346 | + color: #FFF; | |
347 | + background: rgba(0, 0, 0, 0.7); | |
348 | + border-radius: 4px; | |
349 | + font-size: 14px; | |
350 | + padding: 15px 45px; | |
351 | + } | |
352 | +} | |
353 | +.m-animate-hide { | |
354 | + -webkit-transform: translateY(100%); | |
355 | + -ms-transform: translateY(100%); | |
356 | + -o-transform: translateY(100%); | |
357 | + transform: translateY(100%); | |
358 | +} | |
0 | 359 | \ No newline at end of file | ... | ... |
css/style/bank_card.css
0 → 100644
1 | +++ a/css/style/bank_card.css | |
1 | +/** | |
2 | + * name : zzf | |
3 | + * info : | |
4 | + */ | |
5 | +#bank_card .cell { | |
6 | + padding: 0px; | |
7 | + overflow: hidden; | |
8 | +} | |
9 | +#bank_card .cell .bank-view { | |
10 | + display: -moz-box; | |
11 | + display: -webkit-box; | |
12 | + display: box; | |
13 | + height: 68px; | |
14 | + position: relative; | |
15 | + left: 0; | |
16 | + cursor: pointer; | |
17 | +} | |
18 | +#bank_card .cell img { | |
19 | + width: 37px; | |
20 | + height: 37px; | |
21 | + -moz-box-flex: 1; | |
22 | + -webkit-box-flex: 1; | |
23 | + box-flex: 1; | |
24 | + margin-top: 11px; | |
25 | + margin-left: 15px; | |
26 | +} | |
27 | +#bank_card .cell .cont { | |
28 | + -moz-box-flex: 2; | |
29 | + -webkit-box-flex: 2; | |
30 | + box-flex: 2; | |
31 | + text-align: left; | |
32 | + margin-left: 10px; | |
33 | + margin-top: 11px; | |
34 | +} | |
35 | +#bank_card .cell .cont .cats { | |
36 | + font-weight: bold; | |
37 | + font-size: 16px; | |
38 | +} | |
39 | +#bank_card .cell .cont .quick { | |
40 | + color: #1b6ba5; | |
41 | + margin-left: 10px; | |
42 | +} | |
43 | +#bank_card .cell .cont .msg span { | |
44 | + color: #999; | |
45 | + font-size: 12px; | |
46 | + margin-right: 5px; | |
47 | +} | |
48 | +#bank_card .cell .del { | |
49 | + width: 75px; | |
50 | + background: red; | |
51 | + display: block; | |
52 | + position: absolute; | |
53 | + top: 0px; | |
54 | + right: -75px; | |
55 | + height: 100%; | |
56 | + color: #fff; | |
57 | + line-height: 69px; | |
58 | + text-align: center; | |
59 | +} | |
60 | +#delBank p { | |
61 | + height: 60px; | |
62 | + line-height: 60px; | |
63 | + text-align: center; | |
64 | + font-size: 16px; | |
65 | + font-weight: bold; | |
66 | +} | |
67 | +.icon-checked { | |
68 | + position: absolute; | |
69 | + top: 25px; | |
70 | + right: 10px; | |
71 | +} | |
72 | +#bankList .m-tab { | |
73 | + border: none; | |
74 | +} | |
75 | +#bankList .m-tab li { | |
76 | + padding-right: 0; | |
77 | +} | |
78 | +#bankList .title { | |
79 | + line-height: 40px; | |
80 | + margin-right: 10px; | |
81 | +} | ... | ... |
css/style/bank_card.less
0 → 100644
1 | +++ a/css/style/bank_card.less | |
1 | +/** | |
2 | + * name : zzf | |
3 | + * info : | |
4 | + */ | |
5 | + | |
6 | +#bank_card { | |
7 | + .cell { | |
8 | + padding: 0px; | |
9 | + overflow: hidden; | |
10 | + .bank-view { | |
11 | + display:-moz-box; | |
12 | + display:-webkit-box; | |
13 | + display:box; | |
14 | + height: 68px; | |
15 | + position: relative; | |
16 | + left: 0; | |
17 | + cursor: pointer; | |
18 | + } | |
19 | + img { | |
20 | + width: 37px; | |
21 | + height: 37px; | |
22 | + -moz-box-flex:1; | |
23 | + -webkit-box-flex:1; | |
24 | + box-flex:1; | |
25 | + margin-top: 11px; | |
26 | + margin-left: 15px; | |
27 | + } | |
28 | + .cont { | |
29 | + -moz-box-flex:2; | |
30 | + -webkit-box-flex:2; | |
31 | + box-flex:2; | |
32 | + text-align: left; | |
33 | + margin-left: 10px; | |
34 | + margin-top: 11px; | |
35 | + .cats { | |
36 | + font-weight: bold; | |
37 | + font-size: 16px; | |
38 | + } | |
39 | + .quick { | |
40 | + color: #1b6ba5; | |
41 | + margin-left: 10px; | |
42 | + } | |
43 | + .msg span { | |
44 | + color: #999; | |
45 | + font-size: 12px; | |
46 | + margin-right: 5px; | |
47 | + } | |
48 | + } | |
49 | + .del { | |
50 | + width: 75px; | |
51 | + background: red; | |
52 | + display: block; | |
53 | + position: absolute; | |
54 | + top: 0px; | |
55 | + right: -75px; | |
56 | + height: 100%; | |
57 | + color: #fff; | |
58 | + line-height: 69px; | |
59 | + text-align: center; | |
60 | + } | |
61 | + } | |
62 | +} | |
63 | + | |
64 | +#delBank { | |
65 | + p { | |
66 | + height: 60px; | |
67 | + line-height: 60px; | |
68 | + text-align: center; | |
69 | + font-size: 16px; | |
70 | + font-weight: bold; | |
71 | + } | |
72 | +} | |
73 | +.icon-checked { | |
74 | + position: absolute; | |
75 | + top: 25px; | |
76 | + right: 10px; | |
77 | +} | |
78 | +#bankList { | |
79 | + .m-tab{ | |
80 | + border: none; | |
81 | + li{ | |
82 | + padding-right: 0; | |
83 | + } | |
84 | + } | |
85 | + .title { | |
86 | + line-height: 40px; | |
87 | + margin-right: 10px; | |
88 | + } | |
89 | +} | |
0 | 90 | \ No newline at end of file | ... | ... |
css/style/charge.css
0 → 100644
1 | +++ a/css/style/charge.css | |
1 | +/** | |
2 | + * 充值 | |
3 | + */ | |
4 | +/*************************************************** | |
5 | +* feature : 变量配置; | |
6 | +* update : 2015/02/05; | |
7 | +* use : ; | |
8 | +* extend : ; | |
9 | +* example : ; | |
10 | +* desc : ; | |
11 | +* feedback : 此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description] | |
12 | +* - demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中]; | |
13 | +****************************************************/ | |
14 | +.bg-img { | |
15 | + background: url('../../images/icon/icon.png') no-repeat; | |
16 | + background-size: 150px; | |
17 | +} | |
18 | +.orange { | |
19 | + color: #ff9d2c; | |
20 | +} | |
21 | +.green { | |
22 | + color: #23ac38; | |
23 | +} | |
24 | +.red { | |
25 | + color: #fa4535; | |
26 | +} | |
27 | +.yahei { | |
28 | + font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", SimHei, tahoma, sans-serif; | |
29 | +} | |
30 | +#charge .section-form label { | |
31 | + margin: 0; | |
32 | + box-sizing: border-box; | |
33 | + display: block; | |
34 | + height: 45px; | |
35 | + padding: 0 15px; | |
36 | + padding-top: 10px; | |
37 | + padding-bottom: 10px; | |
38 | + font-size: 10px; | |
39 | + line-height: 14px; | |
40 | + color: #999; | |
41 | + background: #f5f5f5; | |
42 | + font-weight: lighter; | |
43 | + border-bottom: 1px solid #ddd; | |
44 | +} | |
45 | +#charge input::-webkit-input-placeholder, | |
46 | +#charge textarea::-webkit-input-placeholder { | |
47 | + color: #bbb; | |
48 | +} | |
49 | +#charge .btn-blue { | |
50 | + margin: 15px; | |
51 | + display: block; | |
52 | +} | |
53 | +#charge .section-form .form-content { | |
54 | + width: 100%; | |
55 | + height: 50px; | |
56 | + line-height: 50px; | |
57 | + padding: 0 15px; | |
58 | + border-bottom: 1px solid #ddd; | |
59 | + background: #fff; | |
60 | + color: #333333; | |
61 | +} | |
62 | +#charge .section-form .form-content .sub-label { | |
63 | + font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", SimHei, tahoma, sans-serif; | |
64 | + font-size: 14px; | |
65 | + color: #333; | |
66 | + margin-right: 10px; | |
67 | + vertical-align: middle; | |
68 | +} | |
69 | +#charge-status .row { | |
70 | + padding: 0 15px; | |
71 | +} | |
72 | +#charge-status .msg-box { | |
73 | + box-sizing: border-box; | |
74 | + min-height: 138px; | |
75 | + *height: 138px; | |
76 | + padding-top: 25px; | |
77 | + text-align: center; | |
78 | + background-color: #fff; | |
79 | + border-bottom: 1px solid #ddd; | |
80 | + padding-bottom: 30px; | |
81 | +} | |
82 | +#charge-status .msg-box.error { | |
83 | + background: #fa4535; | |
84 | + color: #fff; | |
85 | +} | |
86 | +#charge-status .msg-box.success { | |
87 | + background: #00c9af; | |
88 | + color: #fff; | |
89 | +} | |
90 | +#charge-status .msg-box.warning { | |
91 | + background: #ff9d2c; | |
92 | + color: #fff; | |
93 | +} | |
94 | +#charge-status .msg-box span { | |
95 | + margin-top: 10px; | |
96 | + display: block; | |
97 | +} | |
98 | +#charge-status .desc { | |
99 | + margin-top: 30px; | |
100 | + color: #fff; | |
101 | + font-size: 18px; | |
102 | + line-height: 18px; | |
103 | +} | |
104 | +#charge-status .desc p { | |
105 | + margin-bottom: 8px; | |
106 | +} | |
107 | +#charge-status .btn-box { | |
108 | + padding: 0 30px; | |
109 | + padding-top: 15px; | |
110 | +} | |
111 | +#charge-status .btn-box .m-btn { | |
112 | + display: block; | |
113 | + margin-bottom: 15px; | |
114 | +} | ... | ... |
css/style/charge.less
0 → 100644
1 | +++ a/css/style/charge.less | |
1 | +/** | |
2 | + * 充值 | |
3 | + */ | |
4 | +@import "m/var"; | |
5 | + | |
6 | +@green : #23ac38; | |
7 | +// color | |
8 | +.orange{ | |
9 | + color:#ff9d2c; | |
10 | +} | |
11 | +.green{ | |
12 | + color:@green; | |
13 | +} | |
14 | +.red{ | |
15 | + color:#fa4535; | |
16 | +} | |
17 | +// font | |
18 | +.yahei{ | |
19 | + font-family:"Microsoft YaHei","WenQuanYi Micro Hei",SimHei,tahoma,sans-serif; | |
20 | +} | |
21 | + | |
22 | + | |
23 | +// 充值 | |
24 | +#charge{ | |
25 | + .section-form label { | |
26 | + margin: 0; | |
27 | + box-sizing: border-box; | |
28 | + display: block; | |
29 | + height: 45px; | |
30 | + padding: 0 15px; | |
31 | + padding-top: 10px; | |
32 | + padding-bottom: 10px; | |
33 | + font-size: 10px; | |
34 | + line-height: 14px; | |
35 | + color: #999; | |
36 | + background: #f5f5f5; | |
37 | + font-weight: lighter; | |
38 | + border-bottom: 1px solid #ddd; | |
39 | + } | |
40 | + input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { | |
41 | + color: #bbb; | |
42 | + } | |
43 | + .btn-blue { | |
44 | + margin: 15px; | |
45 | + display: block; | |
46 | + } | |
47 | + .section-form .form-content { | |
48 | + width:100%; | |
49 | + height:50px; | |
50 | + line-height:50px; | |
51 | + padding:0 15px; | |
52 | + border-bottom: 1px solid #ddd; | |
53 | + background: #fff; | |
54 | + color:#333333; | |
55 | + .sub-label{ | |
56 | + .yahei; | |
57 | + font-size:14px; | |
58 | + color:#333; | |
59 | + margin-right:10px; | |
60 | + vertical-align:middle; | |
61 | + } | |
62 | + } | |
63 | +} | |
64 | + | |
65 | +//充值状态 | |
66 | +#charge-status{ | |
67 | + .row{ | |
68 | + padding:0 15px; | |
69 | + } | |
70 | + .msg-box{ | |
71 | + box-sizing: border-box; | |
72 | + min-height:138px; | |
73 | + *height:138px; | |
74 | + padding-top:25px; | |
75 | + text-align:center; | |
76 | + background-color:#fff; | |
77 | + border-bottom:1px solid #ddd; | |
78 | + padding-bottom: 30px; | |
79 | + &.error { | |
80 | + background: #fa4535; | |
81 | + color: #fff; | |
82 | + } | |
83 | + &.success { | |
84 | + background: #00c9af; | |
85 | + color: #fff; | |
86 | + } | |
87 | + &.warning { | |
88 | + background: #ff9d2c; | |
89 | + color: #fff; | |
90 | + } | |
91 | + span { | |
92 | + margin-top: 10px; | |
93 | + display: block; | |
94 | + } | |
95 | + } | |
96 | + .desc{ | |
97 | + margin-top:30px; | |
98 | + color:#fff; | |
99 | + font-size:18px; | |
100 | + line-height:18px; | |
101 | + p{ | |
102 | + margin-bottom:8px; | |
103 | + } | |
104 | + } | |
105 | + .btn-box{ | |
106 | + padding:0 30px; | |
107 | + padding-top:15px; | |
108 | + .m-btn { | |
109 | + display: block; | |
110 | + margin-bottom: 15px; | |
111 | + } | |
112 | + } | |
113 | +} | |
0 | 114 | \ No newline at end of file | ... | ... |