Gitiles
Code Review Sign In
source.supwisdom.com / dali_platform / mobile / 5f8f92fe5cdd19bef017794ff147355ad6c3b622 / . / www / main.html
blob: e788ea0d9f6d2c5563d8127e4cda14fc93193c84 [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>
qiaowei5f8f92f2019-11-15 10:27:57 +0800[diff] [blame^]47 <div class="aui-col-xs-4" id="doorBtn">
48 <div class="center-in"><img src="img/icon_door.png" style="width:28px;height: 28px"></div>
49 <div class="aui-grid-label" style="margin-top:10px;">远程开门</div>
50 </div>
qiaoweif044a742019-07-10 16:04:20 +0800[diff] [blame]51 </div>
52 </div>
53 </section>
54 <div class="aui-card-list">
55 <div class="aui-card-list-header" style="border-bottom: 1px solid #f2f2f2">
56 <div class="aui-font-size-14">近期交易</div>
57 <div class="aui-list-item-right" style="font-size: 16px;color:#49bce9" id="moreBtn">更多></div>
58 </div>
59 </div>
60 </div>
61 <div style="position: absolute;top:320px;bottom:52px;width: 100%;overflow: auto;" id="maincontent">
62 <section class="aui-content">
63 <div class="weui-loadmore" id="loaddata">
64 <i class="weui-loading"></i>
65 <span class="weui-loadmore__tips">正在加载</span>
66 </div>
67 <div class="weui-loadmore weui-loadmore_line" id="nodata" style="display: none" onclick="app.loadBill()">
68 <span class="weui-loadmore__tips" style="background: transparent;" id="nodatahint">暂无数据</span>
69 </div>
70 <div class="aui-card-list" id="billcontent" style="display: none">
71 <div class="aui-card-list-header aui-card-list-user" onclick="app.toBillDetail()">
72 <div class="aui-card-list-user-avatar">
73 <img src="img/icon_meal.png" class="aui-margin-r-10 aui-img-round" />
74 </div>
75 <div class="aui-card-list-user-name">
76 <div>食堂就餐</div>
77 <div class="aui-list-item-right">+100</div>
78 </div>
79 <div class="aui-card-list-user-info">2019-08-09 11:05</div>
80 </div>
81 <div class="aui-card-list-header aui-card-list-user">
82 <div class="aui-card-list-user-avatar">
83 <img src="img/icon_water.png" class="aui-margin-r-10 aui-img-round" />
84 </div>
85 <div class="aui-card-list-user-name">
86 <div>生活用水</div>
87 <div class="aui-list-item-right">+100</div>
88 </div>
89 <div class="aui-card-list-user-info">今天 11:05</div>
90 </div>
91 <div class="aui-card-list-header aui-card-list-user">
92 <div class="aui-card-list-user-avatar">
93 <img src="img/icon_car.png" class="aui-margin-r-10 aui-img-round" />
94 </div>
95 <div class="aui-card-list-user-name">
96 <div>交通出行</div>
97 <div class="aui-list-item-right">+100</div>
98 </div>
99 <div class="aui-card-list-user-info">今天 11:05</div>
100 </div>
101 <div class="aui-card-list-header aui-card-list-user" onclick="app.toBillDetail()">
102 <div class="aui-card-list-user-avatar">
103 <img src="img/icon_meal.png" class="aui-margin-r-10 aui-img-round" />
104 </div>
105 <div class="aui-card-list-user-name">
106 <div>食堂就餐</div>
107 <div class="aui-list-item-right">+100</div>
108 </div>
109 <div class="aui-card-list-user-info">2019-08-09 11:05</div>
110 </div>
111 <div class="aui-card-list-header aui-card-list-user">
112 <div class="aui-card-list-user-avatar">
113 <img src="img/icon_water.png" class="aui-margin-r-10 aui-img-round" />
114 </div>
115 <div class="aui-card-list-user-name">
116 <div>生活用水</div>
117 <div class="aui-list-item-right">+100</div>
118 </div>
119 <div class="aui-card-list-user-info">今天 11:05</div>
120 </div>
121 <div class="aui-card-list-header aui-card-list-user">
122 <div class="aui-card-list-user-avatar">
123 <img src="img/icon_car.png" class="aui-margin-r-10 aui-img-round" />
124 </div>
125 <div class="aui-card-list-user-name">
126 <div>交通出行</div>
127 <div class="aui-list-item-right">+100</div>
128 </div>
129 <div class="aui-card-list-user-info">今天 11:05</div>
130 </div>
131 <div class="aui-card-list-header aui-card-list-user" onclick="app.toBillDetail()">
132 <div class="aui-card-list-user-avatar">
133 <img src="img/icon_meal.png" class="aui-margin-r-10 aui-img-round" />
134 </div>
135 <div class="aui-card-list-user-name">
136 <div>食堂就餐</div>
137 <div class="aui-list-item-right">+100</div>
138 </div>
139 <div class="aui-card-list-user-info">2019-08-09 11:05</div>
140 </div>
141 <div class="aui-card-list-header aui-card-list-user">
142 <div class="aui-card-list-user-avatar">
143 <img src="img/icon_water.png" class="aui-margin-r-10 aui-img-round" />
144 </div>
145 <div class="aui-card-list-user-name">
146 <div>生活用水</div>
147 <div class="aui-list-item-right">+100</div>
148 </div>
149 <div class="aui-card-list-user-info">今天 11:05</div>
150 </div>
151 <div class="aui-card-list-header aui-card-list-user">
152 <div class="aui-card-list-user-avatar">
153 <img src="img/icon_car.png" class="aui-margin-r-10 aui-img-round" />
154 </div>
155 <div class="aui-card-list-user-name">
156 <div>交通出行</div>
157 <div class="aui-list-item-right">+100</div>
158 </div>
159 <div class="aui-card-list-user-info">今天 11:05</div>
160 </div>
161 <div class="aui-card-list-header aui-card-list-user">
162 <div class="aui-card-list-user-avatar">
163 <img src="img/icon_car.png" class="aui-margin-r-10 aui-img-round" />
164 </div>
165 <div class="aui-card-list-user-name">
166 <div>交通出行</div>
167 <div class="aui-list-item-right">+100</div>
168 </div>
169 <div class="aui-card-list-user-info">今天 11:05</div>
170 </div>
171
172 </div>
173 </section>
174 </div>
175 </div>
176 <div id="main2" style="display: none;">
177 <header class="aui-bar aui-bar-nav" style="padding-top:25px;font-size: 22px">
178 我的
179 </header>
180 <section class="aui-content bg-white aui-margin-b-15" style=" margin-top: -2px;">
181 <div class="aui-list aui-media-list aui-list-noborder aui-bg-info user-info">
182 <div class="aui-list-item aui-list-item-middle top-btn">
183 <div class="aui-media-list-item-inner ">
184 <div class="aui-list-item-media" style="width:3rem;">
185 <img src="img/icon_header.png" class="aui-img-round" id="userlogo">
186 </div>
187 <div class="aui-list-item-inner">
188 <div class="aui-list-item-text text-white aui-font-size-18" id="username">匿名</div>
189 <div class="aui-list-item-text text-white">
190 <div><i class="aui-iconfont aui-icon-mobile aui-font-size-14"></i><span id="userphone"></span></div>
191 </div>
192 </div>
193 </div>
194 </div>
195 </div>
196 <section class="aui-content aui-grid ">
197 <div class="aui-row aui-margin-t-10">
198 <div class="aui-col-xs-4 aui-border-r">
199 <big class="aui-text-warning" id="user-amount">0.00</big>
200 <div class="aui-gird-lable aui-font-size-12">余额</div>
201 </div>
202 <div class="aui-col-xs-4 aui-border-r">
203 <big class="aui-text-success" id="user-point">0</big>
204 <div class="aui-gird-lable aui-font-size-12">积分</div>
205 </div>
206 <div class="aui-col-xs-4 ">
207 <big class="aui-text-danger" id="user-coupon">0</big>
208 <div class="aui-gird-lable aui-font-size-12">优惠券</div>
209 </div>
210 </div>
211 </section>
212
213 </section>
214 <section class="aui-content">
215 <ul class="aui-list aui-list-in aui-margin-b-15">
216 <li class="aui-list-item" onclick="app.toCard()">
217 <div class="aui-list-item-label-icon">
218 <i class="aui-iconfont aui-icon-cert aui-text-info"></i>
219 </div>
220 <div class="aui-list-item-inner aui-list-item-arrow">
221 <div class="aui-list-item-title">银行卡</div>
222 <div class="aui-list-item-right" id="userbank"></div>
223 </div>
224 </li>
225 <li class="aui-list-item" onclick="app.toSign()">
226 <div class="aui-list-item-label-icon">
227 <i class="aui-iconfont aui-icon-pencil aui-text-danger"></i>
228 </div>
229 <div class="aui-list-item-inner aui-list-item-arrow">
230 <div class="aui-list-item-title">签约代扣免密付</div>
231 <div class="aui-list-item-right" id="usersign"></div>
232 </div>
233 </li>
234 </ul>
235 <ul class="aui-list aui-list-in">
236 <li class="aui-list-item" id="usersec">
237 <div class="aui-list-item-label-icon">
238 <i class="aui-iconfont aui-icon-lock aui-text-info"></i>
239 </div>
240 <div class="aui-list-item-inner aui-list-item-arrow">
241 <div class="aui-list-item-title">账户安全</div>
242 </div>
243 </li>
244 </ul>
245 </section>
246 </div>
247 <footer class="aui-bar aui-bar-tab aui-border-t" id="footer">
248 <div class="aui-bar-tab-item aui-active" tapmode onclick="switchTo(1)" id="tab1">
249 <i class="aui-iconfont aui-icon-home"></i>
250 <div class="aui-bar-tab-label">首页</div>
251 </div>
252 <div class="aui-bar-tab-item" tapmode onclick="switchTo(2)" id="tab2">
253 <i class="aui-iconfont aui-icon-my"></i>
254 <div class="aui-bar-tab-label">我的</div>
255 </div>
256 </footer>
257</body>
258<script type="text/javascript" src="cordova.js"></script>
259<script type="text/javascript" src="js/lib/jquery-2.1.4.js"></script>
260<script type="text/javascript" src="js/lib/aui-tab.js"></script>
261<script type="text/javascript" src="js/lib/aui-dialog.js"></script>
262<script type="text/javascript" src="js/server.js"></script>
263<script type="text/javascript" src="js/main.js"></script>
264<script type="text/javascript">
qiaoweif044a742019-07-10 16:04:20 +0800[diff] [blame]265
qiaowei60c27e42019-07-11 16:43:54 +0800[diff] [blame]266</script>
qiaoweif044a742019-07-10 16:04:20 +0800[diff] [blame]267</html>