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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 114 | \ No newline at end of file |