Gitiles
Code Review Sign In
source.supwisdom.com / dali_platform / mobile / 5653eca0850571e2f03479bbb17ec056ce0770a9 / . / www / main1.html
blob: 73db78e3123f3f50f92d86cb324b33d939aadb13 [file] [log] [blame]
qiaoweif044a742019-07-10 16:04:20 +0800[diff] [blame]1<!DOCTYPE html>
2<html>
3
4<head>
5 <link rel="stylesheet" type="text/css" href="mobileui/style.css">
6 <meta name="format-detection" content="telephone=no">
7 <meta charset="utf-8">
8 <meta name="msapplication-tap-highlight" content="no">
9 <meta name="viewport" content="viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
10 <link rel="stylesheet" type="text/css" href="mobileui/css/imports.css">
11 <link rel="stylesheet" type="text/css" href="css/index.css">
12 <title>大理市民卡</title>
13</head>
14
15<body class="has-footer">
16 <div class="footer shadow white tab tab-bottom" style="border-top: 1px solid #F2F5F5">
17 <button class="icon ion-ios-home-outline active " style="color: #49bce9;" onclick="openTab('myTabAbout')">首页</button>
18 <button class="icon ion-ios-person-outline " style="color: #49bce9;" onclick="openTab('myTabEvents')">我的</button>
19 </div>
20 <div class="tab-content active" id="myTabAbout">
21 <div>
22 <div class="mainbg cover padding align-center" style="padding:32px 20px 20px 20px;">
23 <h1 class="text-white align-left" style="font-size: 26px;">下午好！乔伟</h1>
24 <div class="space"></div>
25 <div class="item no-border row align-center">
26 <div class="col text-red" id="scanBtn">
27 <img src="img/icon_scan.png" style="width:48px;">
28 <h1 class="text-white" style="margin-top:5px;font-size: 18px;">扫一扫</h1>
29 </div>
30 <div class="col text-grey" id="qrcodeBtn" >
31 <img src="img/icon_qrcode.png" style="width:48px;">
32 <h1 class="text-white" style="margin-top:5px;font-size: 18px;">付款码</h1>
33 </div>
34 </div>
35 </div>
36 <div class="cover padding align-center white">
37 <div class="item no-border row align-center">
38 <div class="col text-grey" id="cardBtn">
39 <img src="img/icon_card.png" style="width:28px;height: 28px">
40 <h1 style="margin-top:5px;font-size: 14px;">市民卡挂失</h1>
41 </div>
42 <div class="col text-grey" id="billBtn">
43 <img src="img/icon_bill.png" style="width:28px;height: 28px">
44 <h1 style="margin-top:5px;font-size: 14px;">账单查询</h1>
45 </div>
46 <div class="col text-grey" id="secBtn">
47 <img src="img/icon_securty.png" style="width:28px;height: 28px">
48 <h1 style="margin-top:5px;font-size: 14px;">账户安全</h1>
49 </div>
50 </div>
51 </div>
52
53 </div>
54 <div class="content" style="top:280px;bottom:52px;">
55 <div class="list white" style="border:0;">
56 <div class="item">
57 <h2>近期交易</h2>
58 <div class="right" style="font-size: 16px;color:#49bce9" id="moreBtn">更多></div>
59 </div>
60 </div>
61 <div class="list white" style="margin-bottom: 6px;">
62 <div class="item" onclick="app.toBillDetail()">
63 <div class="left">
64 <img class="avatar circle" src="img/icon_meal.png" style="width: 44px;height:44px;">
65 </div>
66 <h2>食堂就餐</h2>
67 <p class="text-grey" style="font-size: 12px;">今天 15:20</p>
68 <div class="right">
69 <ul>
70 <li class="text-strong">+ 1002.5</li>
71 <li class="text-red text-strong">&nbsp;</li>
72 </ul>
73 </div>
74 </div>
75 <div class="item" style="padding:10px;">
76 <div class="left">
77 <img class="avatar circle" src="img/icon_water.png" style="width: 44px;height:44px;">
78 </div>
79 <h2>生活用水</h2>
80 <p class="text-grey" style="font-size: 12px;">今天 15:20</p>
81 <div class="right">
82 <ul>
83 <li class=" text-strong">- 0.01</li>
84 <li class="text-red text-strong">&nbsp;</li>
85 </ul>
86 </div>
87 </div>
88 <div class="item">
89 <div class="left">
90 <img class="avatar circle" src="img/icon_car.png" style="width: 44px;height:44px;">
91 </div>
92 <h2>交通出行</h2>
93 <p class="text-grey" style="font-size: 12px;">今天 15:20</p>
94 <div class="right">
95 <ul>
96 <li class="text-strong">-1.00</li>
97 <li class="text-red text-strong">&nbsp;</li>
98 </ul>
99 </div>
100 </div>
101 <div class="item">
102 <div class="left">
103 <img class="avatar circle" src="img/icon_meal.png" style="width: 44px;height:44px;">
104 </div>
105 <h2>食堂就餐</h2>
106 <p class="text-grey" style="font-size: 12px;">今天 15:20</p>
107 <div class="right">
108 <ul>
109 <li class="text-strong">+ 1002.5</li>
110 <li class="text-red text-strong">&nbsp;</li>
111 </ul>
112 </div>
113 </div>
114 <div class="item">
115 <div class="align-center" style="color: #999">
116 暂无数据
117 </div>
118 </div>
119 </div>
120 </div>
121 </div>
122 <div class="tab-content" id="myTabEvents">
123 <div class="mainbg" style="height: 3.90625vh;width: 100%"></div>
124 <div class="header mainbg" style="top: 3.6vh">
125 <h1 class="align-center text-white">我的</h1>
126 </div>
127 <div style="padding-top: 48px;">
128 <div class="row padding mainbg">
129 <div class="col-25 padding">
130 <img class="avatar circle" src="img/icon_card.png" />
131 </div>
132 <div class="col padding">
133 <h1 class="text-big text-white">张三</h1>
134 <p class="text-white">134****4553</p>
135 </div>
136 </div>
137 <div class="list white">
138 <div class="item">
139 <h2>银行卡</h2>
140 <div class="right">
141 <small class="maincolor">已绑定</small><i class="icon ion-ios-arrow-right"></i>
142 </div>
143 </div>
144 <div class="item">
145 <h2>签约代扣免密付</h2>
146 <div class="right">
147 <small class="maincolor">已签约</small><i class="icon ion-ios-arrow-right"></i>
148 </div>
149 </div>
150 </div>
151 <div class="list white" style="margin-top: 8px;">
152 <div class="item">
153 <h2>账户安全</h2>
154 <div class="right">
155 <i class="icon ion-ios-arrow-right"></i>
156 </div>
157 </div>
158 </div>
159 </div>
160 </div>
161</body>
162
163</html>
164<script type="text/javascript" src="cordova.js"></script>
165<script type="text/javascript" src="js/lib/jquery-2.1.4.js"></script>
166<script type="text/javascript" src="mobileui/mobileui.js"></script>
167<script type="text/javascript" src="js/server.js"></script>
168<script type="text/javascript" src="mobileui/js/button.min.js"></script>
169<script type="text/javascript" src="mobileui/js/loading.min.js"></script>
170<script type="text/javascript" src="mobileui/js/toast.min.js"></script>
171<script type="text/javascript" src="mobileui/js/tab.min.js"></script>
172<script type="text/javascript" src="mobileui/js/page.min.js"></script>
173<script type="text/javascript" src="js/login.js"></script>
174<script type="text/javascript">
175</script>