Gitiles
Code Review Sign In
source.supwisdom.com / dali_platform / mobile / f044a7453be1c367b9ff0f1707f5080fb8f8ef2e / . / www / main.html
blob: 57c416c8a50227799428736704c59b33e484ea1d [file] [log] [blame]
qiaoweif044a742019-07-10 16:04:20 +0800[diff] [blame^]1<!doctype html>
2<html>
3
4<head>
5 <meta charset="utf-8">
6 <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
7 <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
8 <link rel="stylesheet" type="text/css" href="css/aui.css" />
9 <link rel="stylesheet" type="text/css" href="css/weui.min.css">
10 <link rel="stylesheet" type="text/css" href="css/jquery-weui.min.css">
11 <link rel="stylesheet" type="text/css" href="css/index.css" />
12</head>
13
14<body>
15 <div id="main1">
16 <div id="maintop">
17 <section class="aui-content " style="background-color: #03a9f4 !important;">
18 <h1 class="text-white align-left" style="font-size: 26px;color: #fff;padding: 30px 20px 0 20px;"><span id="maingt">您好！</span><span id="homename"></span></h1>
19 <div class="aui-grid aui-bg-info">
20 <div class="aui-row" id="classify">
21 <div class="aui-col-xs-6 top-btn" id="scanBtn">
22 <div class="center-in"><img src="img/icon_scan.png" style="width:56px;"></div>
23 <div class="aui-grid-label top-title">扫一扫</div>
24 </div>
25 <div class="aui-col-xs-6 top-btn" id="qrcodeBtn">
26 <div class="center-in"><img src="img/icon_qrcode.png" style="width:56px;"></div>
27 <div class="aui-grid-label top-title">付款码</div>
28 </div>
29 </div>
30 </div>
31 </section>
32 <section class="aui-content aui-margin-b-10">
33 <div class="aui-grid">
34 <div class="aui-row">
35 <div class="aui-col-xs-4" id="cardBtn">
36 <div class="center-in"><img src="img/icon_card.png" style="width:28px;height: 28px"></div>
37 <div class="aui-grid-label" style="margin-top:10px;">市民卡挂失</div>
38 </div>
39 <div class="aui-col-xs-4" id="billBtn">
40 <div class="center-in"><img src="img/icon_bill.png" style="width:28px;height: 28px"></div>
41 <div class="aui-grid-label" style="margin-top:10px;">账单查询</div>
42 </div>
43 <div class="aui-col-xs-4" id="secBtn">
44 <div class="center-in"><img src="img/icon_securty.png" style="width:28px;height: 28px"></div>
45 <div class="aui-grid-label" style="margin-top:10px;">账户安全</div>
46 </div>
47 </div>
48 </div>
49 </section>
50 <div class="aui-card-list">
51 <div class="aui-card-list-header" style="border-bottom: 1px solid #f2f2f2">
52 <div class="aui-font-size-14">近期交易</div>
53 <div class="aui-list-item-right" style="font-size: 16px;color:#49bce9" id="moreBtn">更多></div>
54 </div>
55 </div>
56 </div>
57 <div style="position: absolute;top:320px;bottom:52px;width: 100%;overflow: auto;" id="maincontent">
58 <section class="aui-content">
59 <div class="weui-loadmore" id="loaddata">
60 <i class="weui-loading"></i>
61 <span class="weui-loadmore__tips">正在加载</span>
62 </div>
63 <div class="weui-loadmore weui-loadmore_line" id="nodata" style="display: none" onclick="app.loadBill()">
64 <span class="weui-loadmore__tips" style="background: transparent;" id="nodatahint">暂无数据</span>
65 </div>
66 <div class="aui-card-list" id="billcontent" style="display: none">
67 <div class="aui-card-list-header aui-card-list-user" onclick="app.toBillDetail()">
68 <div class="aui-card-list-user-avatar">
69 <img src="img/icon_meal.png" class="aui-margin-r-10 aui-img-round" />
70 </div>
71 <div class="aui-card-list-user-name">
72 <div>食堂就餐</div>
73 <div class="aui-list-item-right">+100</div>
74 </div>
75 <div class="aui-card-list-user-info">2019-08-09 11:05</div>
76 </div>
77 <div class="aui-card-list-header aui-card-list-user">
78 <div class="aui-card-list-user-avatar">
79 <img src="img/icon_water.png" class="aui-margin-r-10 aui-img-round" />
80 </div>
81 <div class="aui-card-list-user-name">
82 <div>生活用水</div>
83 <div class="aui-list-item-right">+100</div>
84 </div>
85 <div class="aui-card-list-user-info">今天 11:05</div>
86 </div>
87 <div class="aui-card-list-header aui-card-list-user">
88 <div class="aui-card-list-user-avatar">
89 <img src="img/icon_car.png" class="aui-margin-r-10 aui-img-round" />
90 </div>
91 <div class="aui-card-list-user-name">
92 <div>交通出行</div>
93 <div class="aui-list-item-right">+100</div>
94 </div>
95 <div class="aui-card-list-user-info">今天 11:05</div>
96 </div>
97 <div class="aui-card-list-header aui-card-list-user" onclick="app.toBillDetail()">
98 <div class="aui-card-list-user-avatar">
99 <img src="img/icon_meal.png" class="aui-margin-r-10 aui-img-round" />
100 </div>
101 <div class="aui-card-list-user-name">
102 <div>食堂就餐</div>
103 <div class="aui-list-item-right">+100</div>
104 </div>
105 <div class="aui-card-list-user-info">2019-08-09 11:05</div>
106 </div>
107 <div class="aui-card-list-header aui-card-list-user">
108 <div class="aui-card-list-user-avatar">
109 <img src="img/icon_water.png" class="aui-margin-r-10 aui-img-round" />
110 </div>
111 <div class="aui-card-list-user-name">
112 <div>生活用水</div>
113 <div class="aui-list-item-right">+100</div>
114 </div>
115 <div class="aui-card-list-user-info">今天 11:05</div>
116 </div>
117 <div class="aui-card-list-header aui-card-list-user">
118 <div class="aui-card-list-user-avatar">
119 <img src="img/icon_car.png" class="aui-margin-r-10 aui-img-round" />
120 </div>
121 <div class="aui-card-list-user-name">
122 <div>交通出行</div>
123 <div class="aui-list-item-right">+100</div>
124 </div>
125 <div class="aui-card-list-user-info">今天 11:05</div>
126 </div>
127 <div class="aui-card-list-header aui-card-list-user" onclick="app.toBillDetail()">
128 <div class="aui-card-list-user-avatar">
129 <img src="img/icon_meal.png" class="aui-margin-r-10 aui-img-round" />
130 </div>
131 <div class="aui-card-list-user-name">
132 <div>食堂就餐</div>
133 <div class="aui-list-item-right">+100</div>
134 </div>
135 <div class="aui-card-list-user-info">2019-08-09 11:05</div>
136 </div>
137 <div class="aui-card-list-header aui-card-list-user">
138 <div class="aui-card-list-user-avatar">
139 <img src="img/icon_water.png" class="aui-margin-r-10 aui-img-round" />
140 </div>
141 <div class="aui-card-list-user-name">
142 <div>生活用水</div>
143 <div class="aui-list-item-right">+100</div>
144 </div>
145 <div class="aui-card-list-user-info">今天 11:05</div>
146 </div>
147 <div class="aui-card-list-header aui-card-list-user">
148 <div class="aui-card-list-user-avatar">
149 <img src="img/icon_car.png" class="aui-margin-r-10 aui-img-round" />
150 </div>
151 <div class="aui-card-list-user-name">
152 <div>交通出行</div>
153 <div class="aui-list-item-right">+100</div>
154 </div>
155 <div class="aui-card-list-user-info">今天 11:05</div>
156 </div>
157 <div class="aui-card-list-header aui-card-list-user">
158 <div class="aui-card-list-user-avatar">
159 <img src="img/icon_car.png" class="aui-margin-r-10 aui-img-round" />
160 </div>
161 <div class="aui-card-list-user-name">
162 <div>交通出行</div>
163 <div class="aui-list-item-right">+100</div>
164 </div>
165 <div class="aui-card-list-user-info">今天 11:05</div>
166 </div>
167
168 </div>
169 </section>
170 </div>
171 </div>
172 <div id="main2" style="display: none;">
173 <header class="aui-bar aui-bar-nav" style="padding-top:25px;font-size: 22px">
174 我的
175 </header>
176 <section class="aui-content bg-white aui-margin-b-15" style=" margin-top: -2px;">
177 <div class="aui-list aui-media-list aui-list-noborder aui-bg-info user-info">
178 <div class="aui-list-item aui-list-item-middle top-btn">
179 <div class="aui-media-list-item-inner ">
180 <div class="aui-list-item-media" style="width:3rem;">
181 <img src="img/icon_header.png" class="aui-img-round" id="userlogo">
182 </div>
183 <div class="aui-list-item-inner">
184 <div class="aui-list-item-text text-white aui-font-size-18" id="username">匿名</div>
185 <div class="aui-list-item-text text-white">
186 <div><i class="aui-iconfont aui-icon-mobile aui-font-size-14"></i><span id="userphone"></span></div>
187 </div>
188 </div>
189 </div>
190 </div>
191 </div>
192 <section class="aui-content aui-grid ">
193 <div class="aui-row aui-margin-t-10">
194 <div class="aui-col-xs-4 aui-border-r">
195 <big class="aui-text-warning" id="user-amount">0.00</big>
196 <div class="aui-gird-lable aui-font-size-12">余额</div>
197 </div>
198 <div class="aui-col-xs-4 aui-border-r">
199 <big class="aui-text-success" id="user-point">0</big>
200 <div class="aui-gird-lable aui-font-size-12">积分</div>
201 </div>
202 <div class="aui-col-xs-4 ">
203 <big class="aui-text-danger" id="user-coupon">0</big>
204 <div class="aui-gird-lable aui-font-size-12">优惠券</div>
205 </div>
206 </div>
207 </section>
208
209 </section>
210 <section class="aui-content">
211 <ul class="aui-list aui-list-in aui-margin-b-15">
212 <li class="aui-list-item" onclick="app.toCard()">
213 <div class="aui-list-item-label-icon">
214 <i class="aui-iconfont aui-icon-cert aui-text-info"></i>
215 </div>
216 <div class="aui-list-item-inner aui-list-item-arrow">
217 <div class="aui-list-item-title">银行卡</div>
218 <div class="aui-list-item-right" id="userbank"></div>
219 </div>
220 </li>
221 <li class="aui-list-item" onclick="app.toSign()">
222 <div class="aui-list-item-label-icon">
223 <i class="aui-iconfont aui-icon-pencil aui-text-danger"></i>
224 </div>
225 <div class="aui-list-item-inner aui-list-item-arrow">
226 <div class="aui-list-item-title">签约代扣免密付</div>
227 <div class="aui-list-item-right" id="usersign"></div>
228 </div>
229 </li>
230 </ul>
231 <ul class="aui-list aui-list-in">
232 <li class="aui-list-item" id="usersec">
233 <div class="aui-list-item-label-icon">
234 <i class="aui-iconfont aui-icon-lock aui-text-info"></i>
235 </div>
236 <div class="aui-list-item-inner aui-list-item-arrow">
237 <div class="aui-list-item-title">账户安全</div>
238 </div>
239 </li>
240 </ul>
241 </section>
242 </div>
243 <footer class="aui-bar aui-bar-tab aui-border-t" id="footer">
244 <div class="aui-bar-tab-item aui-active" tapmode onclick="switchTo(1)" id="tab1">
245 <i class="aui-iconfont aui-icon-home"></i>
246 <div class="aui-bar-tab-label">首页</div>
247 </div>
248 <div class="aui-bar-tab-item" tapmode onclick="switchTo(2)" id="tab2">
249 <i class="aui-iconfont aui-icon-my"></i>
250 <div class="aui-bar-tab-label">我的</div>
251 </div>
252 </footer>
253</body>
254<script type="text/javascript" src="cordova.js"></script>
255<script type="text/javascript" src="js/lib/jquery-2.1.4.js"></script>
256<script type="text/javascript" src="js/lib/aui-tab.js"></script>
257<script type="text/javascript" src="js/lib/aui-dialog.js"></script>
258<script type="text/javascript" src="js/server.js"></script>
259<script type="text/javascript" src="js/main.js"></script>
260<script type="text/javascript">
261var tab = new auiTab({
262 element: document.getElementById("footer"),
263}, function(ret) {
264 if (ret.index == 1) {
265 $("#main1").show();
266 $("#main2").hide();
267 } else if (ret.index == 2) {
268 $("#main1").hide();
269 $("#main2").show();
270 }
271});
272$("#maincontent").css("top", $("#maintop").height())
273</script>
274
275</html>