Gitiles
Code Review Sign In
source.supwisdom.com / dali_platform / mobile / 5f13fea49d1890ac783df2420e9594fd7ee5c6cf / . / www / main.html
blob: d9dcb90f4444f952bc23efc6bc964e566fdcb745 [file] [log] [blame]
qiaoweif044a742019-07-10 16:04:20 +0800[diff] [blame]1<!doctype html>
2<html>
3
guangchao.xub7b1cd72020-07-08 17:55:24 +0800[diff] [blame]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 <link rel="stylesheet" type="text/css" href="css/aui-slide.css">
13 <style type="text/css">
14 .aui-slide-node {
15 /*background: transparent!important;*/
16 }
17 </style>
18 </head>
19 <body>
20 <div id="main1">
21 <div id="maintop">
22 <div id="startslider" class="main" style="height: 240px;display: block;">
23 <div class="aui-slide-wrap">
24 <div class="aui-slide-node" style="padding:36px 30px 30px 30px;background-color: #ACEAF5">
25 <img src="img/p1.png" style="background-color: #ACEAF5" />
26 </div>
27 <div class="aui-slide-node" style="padding:36px 30px 30px 30px;background-color: #a4e4d4">
28 <img src="img/p2.png" style="background-color: #a4e4d4" />
29 </div>
30 <div class="aui-slide-node " style="padding:36px 30px 30px 30px;background-color: #65abe7">
31 <img src="img/p3.png" style="background-color: #65abe7" />
32 </div>
33 <div class="aui-slide-node " style="padding:36px 30px 30px 30px;background-color: #357a8a">
34 <img src="img/p4.png" style="background-color: #357a8a" />
35 </div>
36 </div>
37 <div class="aui-slide-page-wrap">
38 <!--分页容器-->
39 </div>
40 </div>
41 </div>
42 <div style="position: absolute;bottom:50px;width: 100%;top:240px" id="maincontent">
43 <section class="aui-content " style="height: 100%">
44 <div class="aui-grid" style="height: 100%">
45 <div class="aui-row" style="height: 50%">
46 <div class="aui-col-xs-6 mainmeun-div" id="qrcodeBtn" style="background: #BBE6EC;">
47 <div>
48 <div class="center-in"><img src="img/m4.png" class="meun-img" class="meun-img"></div>
49 <div class="aui-grid-label" style="margin-top:10px;font-size: 22px;">读码</div>
50 </div>
51 </div>
52 <div class="aui-col-xs-6 mainmeun-div" id="scanBtn" style="background: #91DDEA;">
53 <div>
54 <div class="center-in"><img src="img/m2.png" class="meun-img"></div>
55 <div class="aui-grid-label" style="margin-top:10px;font-size: 22px;">扫码</div>
56 </div>
57 </div>
58 </div>
59 <div class="aui-row" style="height: 50%">
60 <div class="aui-col-xs-6 mainmeun-div" id="qrcodeBtn1" style="background: #fff;">
61 <div>
62 <div class="center-in"><img src="img/m3.png" class="meun-img"></div>
63 <div class="aui-grid-label" style="margin-top:10px;font-size: 22px;">访码</div>
64 </div>
65 </div>
66 <div class="aui-col-xs-6 mainmeun-div" id="moreFuncBtn" style="background: #FDD479;">
67 <div>
68 <div class="center-in"><img src="img/m1.png" class="meun-img"></div>
69 <div class="aui-grid-label" style="margin-top:10px;font-size: 22px;">更多</div>
70 </div>
71 </div>
72 </div>
73 </div>
74 </section>
75 </div>
76 </div>
77 <div id="main2" style="display: none">
78 <header class="aui-bar aui-bar-nav" style="padding-top:25px;font-size: 22px">
79 消息
80 </header>
81 <section class="aui-content">
82 <div class="weui-loadmore weui-loadmore_line">
83 <span class="weui-loadmore__tips" style="background: transparent;" id="nodatahint">暂无消息</span>
84 </div>
85 </section>
86 </div>
87 <div id="main3" style="display: none;">
88 <header class="aui-bar aui-bar-nav" style="padding-top:25px;font-size: 22px">
89 我的
90 </header>
91 <!-- bg-white -->
92 <section class="aui-content aui-margin-b-15" style=" margin-top: -2px;">
93 <div class="aui-list aui-media-list aui-list-noborder aui-bg-info user-info">
94 <div class="aui-list-item aui-list-item-middle top-btn">
95 <div class="aui-media-list-item-inner ">
96 <div class="aui-list-item-media" style="width:3rem;">
97 <img src="img/icon_header.png" class="aui-img-round" id="userlogo">
98 </div>
99 <div class="aui-list-item-inner">
100 <div class="aui-list-item-text text-white aui-font-size-18" id="username">匿名</div>
101 <div class="aui-list-item-text text-white">
102 <div><i class="aui-iconfont aui-icon-mobile aui-font-size-14"></i><span id="userphone"></span></div>
103 </div>
104 </div>
105 </div>
106 </div>
107 </div>
108 </section>
109 <section class="aui-content">
110 <ul class="aui-list aui-list-in aui-margin-b-15">
111 <li class="aui-list-item" onclick="app.toCard()">
112 <div class="aui-list-item-label-icon">
113 <i class="aui-iconfont aui-icon-cert aui-text-info"></i>
114 </div>
115 <div class="aui-list-item-inner aui-list-item-arrow">
116 <div class="aui-list-item-title">市民卡签约</div>
117 <div class="aui-list-item-right" id="usersign"></div>
118 </div>
119 </li>
120 <!--<li class="aui-list-item" id="accsignbtn">-->
121 <!--<div class="aui-list-item-label-icon">-->
122 <!--<i class="aui-iconfont aui-icon-pencil aui-text-danger"></i>-->
123 <!--</div>-->
124 <!--<div class="aui-list-item-inner aui-list-item-arrow">-->
125 <!--<div class="aui-list-item-title">签约代扣免密付</div>-->
126 <!--<div class="aui-list-item-right" id="usersign"></div>-->
127 <!--</div>-->
128 <!--</li>-->
129 </ul>
130 <ul class="aui-list aui-list-in aui-margin-b-15">
131 <li class="aui-list-item" id="usersec">
132 <div class="aui-list-item-label-icon">
133 <i class="aui-iconfont aui-icon-lock aui-text-info"></i>
134 </div>
135 <div class="aui-list-item-inner aui-list-item-arrow">
136 <div class="aui-list-item-title">账户安全</div>
137 </div>
138 </li>
139 </ul>
140 <ul class="aui-list aui-list-in">
141 <li class="aui-list-item" id="usersec" onclick="app.verisonCheck()">
142 <div class="aui-list-item-label-icon">
143 <i class="aui-iconfont aui-icon-info aui-text-info"></i>
144 </div>
145 <div class="aui-list-item-inner aui-list-item-arrow">
146 <div class="aui-list-item-title">版本检测</div>
147 <div class="aui-list-item-right" id="versioncheck">
148 </div>
149 </div>
150 </li>
151 </ul>
152 <ul class="aui-list aui-list-in">
153 <li class="aui-list-item" id="shareqq">
154 <div class="aui-list-item-label-icon">
155 <i class="aui-iconfont aui-icon-info aui-text-info"></i>
156 </div>
157 <div class="aui-list-item-inner aui-list-item-arrow">
158 <div class="aui-list-item-title">qq分享测试</div>
159 <div class="aui-list-item-right" id="versioncheck">
160 </div>
161 </div>
162 </li>
163 </ul>
164 <ul class="aui-list aui-list-in">
165 <li class="aui-list-item" id="sharewx">
166 <div class="aui-list-item-label-icon">
167 <i class="aui-iconfont aui-icon-info aui-text-info"></i>
168 </div>
169 <div class="aui-list-item-inner aui-list-item-arrow">
170 <div class="aui-list-item-title">wx分享测试</div>
171 <div class="aui-list-item-right" id="versioncheck">
172 </div>
173 </div>
174 </li>
175 </ul>
176 <div style="padding: 20px;margin-top: 40px;">
177 <a href="javascript:app.logout();" class="weui-btn weui-btn_warn">退出登录</a>
178 </div>
179 </section>
180 </div>
181 <footer class="aui-bar aui-bar-tab aui-border-t" id="footer">
182 <div class="aui-bar-tab-item aui-active" tapmode onclick="switchTo(1)" id="tab1">
183 <i class="aui-iconfont aui-icon-home"></i>
184 <div class="aui-bar-tab-label">首页</div>
185 </div>
186 <div class="aui-bar-tab-item" tapmode onclick="switchTo(2)" id="tab2">
187 <i class="aui-iconfont aui-icon-comment"></i>
188 <div class="aui-bar-tab-label">消息</div>
189 </div>
190 <div class="aui-bar-tab-item" tapmode onclick="switchTo(3)" id="tab3">
191 <i class="aui-iconfont aui-icon-my"></i>
192 <div class="aui-bar-tab-label">我的</div>
193 </div>
194 </footer>
195 </body>
196 <script type="text/javascript" src="cordova.js"></script>
197 <script type="text/javascript" src="js/lib/jquery-2.1.4.js"></script>
198 <script type="text/javascript" src="js/lib/aui-tab.js"></script>
199 <script type="text/javascript" src="js/lib/aui-dialog.js"></script>
200 <script type="text/javascript" src="js/lib/aui-slide.js"></script>
201 <script type="text/javascript" src="js/server.js"></script>
202 <script type="text/javascript" src="js/mainmenu.js"></script>
203 <script type="text/javascript">
204 var shareqq = document.getElementById("shareqq");
205 var sharewx = document.getElementById("sharewx");
206 shareqq.onclick = function() {
207 var args = {};
208 args.client = QQSDK.ClientType.QQ; //QQSDK.ClientType.QQ,QQSDK.ClientType.TIM;
209 args.scene = QQSDK.Scene.QQ; //QQSDK.Scene.QQZone,QQSDK.Scene.Favorite
210 args.url = 'https://cordova.apache.org/';
211 args.title = '这个是 Cordova QQ 新闻分享的标题';
212 args.description = '这个是 Cordova QQ 新闻分享的描述';
213 args.image = 'https://cordova.apache.org/static/img/cordova_bot.png';
214 QQSDK.shareNews(function() {
215 alert('shareNews success');
216 }, function(failReason) {
217 alert(failReason);
218 }, args);
219 }
220 sharewx.onclick = function() {
221 Wechat.share({
222 message: {
223 title: "Hi, there",
224 description: "This is description.",
225 thumb: "www/img/thumbnail.png",
226 mediaTagName: "TEST-TAG-001",
227 messageExt: "这是第三方带的测试字段",
228 messageAction: "<action>dotalist</action>",
229 media: {
230 type: Wechat.Type.WEBPAGE,
231 webpageUrl: "http://www.jason-z.com"
232 }
233 },
234 scene: Wechat.Scene.TIMELINE // share to Timeline
235 }, function () {
236 alert("Success");
237 }, function (reason) {
238 alert("Failed: " + reason);
239 });
240 }
241 </script>
242</html>