| <!doctype html> |
| <html> |
| |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> |
| <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> |
| <link rel="stylesheet" type="text/css" href="css/aui.css" /> |
| <link rel="stylesheet" type="text/css" href="css/weui.min.css"> |
| <link rel="stylesheet" type="text/css" href="css/jquery-weui.min.css"> |
| <link rel="stylesheet" type="text/css" href="css/index.css" /> |
| <link rel="stylesheet" type="text/css" href="css/aui-slide.css"> |
| <style type="text/css"> |
| .aui-slide-node { |
| /*background: transparent!important;*/ |
| } |
| </style> |
| </head> |
| <body> |
| <div id="main1"> |
| <div id="maintop"> |
| <div id="startslider" class="main" style="height: 240px;display: block;"> |
| <div class="aui-slide-wrap"> |
| <div class="aui-slide-node" style="padding:36px 30px 30px 30px;background-color: #ACEAF5"> |
| <img src="img/p1.png" style="background-color: #ACEAF5" /> |
| </div> |
| <div class="aui-slide-node" style="padding:36px 30px 30px 30px;background-color: #a4e4d4"> |
| <img src="img/p2.png" style="background-color: #a4e4d4" /> |
| </div> |
| <div class="aui-slide-node " style="padding:36px 30px 30px 30px;background-color: #65abe7"> |
| <img src="img/p3.png" style="background-color: #65abe7" /> |
| </div> |
| <div class="aui-slide-node " style="padding:36px 30px 30px 30px;background-color: #357a8a"> |
| <img src="img/p4.png" style="background-color: #357a8a" /> |
| </div> |
| </div> |
| <div class="aui-slide-page-wrap"> |
| <!--分页容器--> |
| </div> |
| </div> |
| </div> |
| <div style="position: absolute;bottom:50px;width: 100%;top:240px" id="maincontent"> |
| <section class="aui-content " style="height: 100%"> |
| <div class="aui-grid" style="height: 100%"> |
| <div class="aui-row" style="height: 50%"> |
| <div class="aui-col-xs-6 mainmeun-div" id="qrcodeBtn" style="background: #BBE6EC;"> |
| <div> |
| <div class="center-in"><img src="img/m4.png" class="meun-img" class="meun-img"></div> |
| <div class="aui-grid-label" style="margin-top:10px;font-size: 22px;">读码</div> |
| </div> |
| </div> |
| <div class="aui-col-xs-6 mainmeun-div" id="scanBtn" style="background: #91DDEA;"> |
| <div> |
| <div class="center-in"><img src="img/m2.png" class="meun-img"></div> |
| <div class="aui-grid-label" style="margin-top:10px;font-size: 22px;">扫码</div> |
| </div> |
| </div> |
| </div> |
| <div class="aui-row" style="height: 50%"> |
| <div class="aui-col-xs-6 mainmeun-div" id="qrcodeBtn1" style="background: #fff;"> |
| <div> |
| <div class="center-in"><img src="img/m3.png" class="meun-img"></div> |
| <div class="aui-grid-label" style="margin-top:10px;font-size: 22px;">访码</div> |
| </div> |
| </div> |
| <div class="aui-col-xs-6 mainmeun-div" id="moreFuncBtn" style="background: #FDD479;"> |
| <div> |
| <div class="center-in"><img src="img/m1.png" class="meun-img"></div> |
| <div class="aui-grid-label" style="margin-top:10px;font-size: 22px;">更多</div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
| </div> |
| </div> |
| <div id="main2" style="display: none"> |
| <header class="aui-bar aui-bar-nav" style="padding-top:25px;font-size: 22px"> |
| 消息 |
| </header> |
| <section class="aui-content"> |
| <div class="weui-loadmore weui-loadmore_line"> |
| <span class="weui-loadmore__tips" style="background: transparent;" id="nodatahint">暂无消息</span> |
| </div> |
| </section> |
| </div> |
| <div id="main3" style="display: none;"> |
| <header class="aui-bar aui-bar-nav" style="padding-top:25px;font-size: 22px"> |
| 我的 |
| </header> |
| <!-- bg-white --> |
| <section class="aui-content aui-margin-b-15" style=" margin-top: -2px;"> |
| <div class="aui-list aui-media-list aui-list-noborder aui-bg-info user-info"> |
| <div class="aui-list-item aui-list-item-middle top-btn"> |
| <div class="aui-media-list-item-inner "> |
| <div class="aui-list-item-media" style="width:3rem;"> |
| <img src="img/icon_header.png" class="aui-img-round" id="userlogo"> |
| </div> |
| <div class="aui-list-item-inner"> |
| <div class="aui-list-item-text text-white aui-font-size-18" id="username">匿名</div> |
| <div class="aui-list-item-text text-white"> |
| <div><i class="aui-iconfont aui-icon-mobile aui-font-size-14"></i><span id="userphone"></span></div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
| <section class="aui-content"> |
| <ul class="aui-list aui-list-in aui-margin-b-15"> |
| <li class="aui-list-item" onclick="app.toCard()"> |
| <div class="aui-list-item-label-icon"> |
| <i class="aui-iconfont aui-icon-cert aui-text-info"></i> |
| </div> |
| <div class="aui-list-item-inner aui-list-item-arrow"> |
| <div class="aui-list-item-title">市民卡签约</div> |
| <div class="aui-list-item-right" id="usersign"></div> |
| </div> |
| </li> |
| <!--<li class="aui-list-item" id="accsignbtn">--> |
| <!--<div class="aui-list-item-label-icon">--> |
| <!--<i class="aui-iconfont aui-icon-pencil aui-text-danger"></i>--> |
| <!--</div>--> |
| <!--<div class="aui-list-item-inner aui-list-item-arrow">--> |
| <!--<div class="aui-list-item-title">签约代扣免密付</div>--> |
| <!--<div class="aui-list-item-right" id="usersign"></div>--> |
| <!--</div>--> |
| <!--</li>--> |
| </ul> |
| <ul class="aui-list aui-list-in aui-margin-b-15"> |
| <li class="aui-list-item" id="usersec"> |
| <div class="aui-list-item-label-icon"> |
| <i class="aui-iconfont aui-icon-lock aui-text-info"></i> |
| </div> |
| <div class="aui-list-item-inner aui-list-item-arrow"> |
| <div class="aui-list-item-title">账户安全</div> |
| </div> |
| </li> |
| </ul> |
| <ul class="aui-list aui-list-in"> |
| <li class="aui-list-item" id="usersec" onclick="app.verisonCheck()"> |
| <div class="aui-list-item-label-icon"> |
| <i class="aui-iconfont aui-icon-info aui-text-info"></i> |
| </div> |
| <div class="aui-list-item-inner aui-list-item-arrow"> |
| <div class="aui-list-item-title">版本检测</div> |
| <div class="aui-list-item-right" id="versioncheck"> |
| </div> |
| </div> |
| </li> |
| </ul> |
| <ul class="aui-list aui-list-in"> |
| <li class="aui-list-item" id="shareqq"> |
| <div class="aui-list-item-label-icon"> |
| <i class="aui-iconfont aui-icon-info aui-text-info"></i> |
| </div> |
| <div class="aui-list-item-inner aui-list-item-arrow"> |
| <div class="aui-list-item-title">qq分享测试</div> |
| <div class="aui-list-item-right" id="versioncheck"> |
| </div> |
| </div> |
| </li> |
| </ul> |
| <ul class="aui-list aui-list-in"> |
| <li class="aui-list-item" id="sharewx"> |
| <div class="aui-list-item-label-icon"> |
| <i class="aui-iconfont aui-icon-info aui-text-info"></i> |
| </div> |
| <div class="aui-list-item-inner aui-list-item-arrow"> |
| <div class="aui-list-item-title">wx分享测试</div> |
| <div class="aui-list-item-right" id="versioncheck"> |
| </div> |
| </div> |
| </li> |
| </ul> |
| <div style="padding: 20px;margin-top: 40px;"> |
| <a href="javascript:app.logout();" class="weui-btn weui-btn_warn">退出登录</a> |
| </div> |
| </section> |
| </div> |
| <footer class="aui-bar aui-bar-tab aui-border-t" id="footer"> |
| <div class="aui-bar-tab-item aui-active" tapmode onclick="switchTo(1)" id="tab1"> |
| <i class="aui-iconfont aui-icon-home"></i> |
| <div class="aui-bar-tab-label">首页</div> |
| </div> |
| <div class="aui-bar-tab-item" tapmode onclick="switchTo(2)" id="tab2"> |
| <i class="aui-iconfont aui-icon-comment"></i> |
| <div class="aui-bar-tab-label">消息</div> |
| </div> |
| <div class="aui-bar-tab-item" tapmode onclick="switchTo(3)" id="tab3"> |
| <i class="aui-iconfont aui-icon-my"></i> |
| <div class="aui-bar-tab-label">我的</div> |
| </div> |
| </footer> |
| </body> |
| <script type="text/javascript" src="cordova.js"></script> |
| <script type="text/javascript" src="js/lib/jquery-2.1.4.js"></script> |
| <script type="text/javascript" src="js/lib/aui-tab.js"></script> |
| <script type="text/javascript" src="js/lib/aui-dialog.js"></script> |
| <script type="text/javascript" src="js/lib/aui-slide.js"></script> |
| <script type="text/javascript" src="js/server.js"></script> |
| <script type="text/javascript" src="js/mainmenu.js"></script> |
| <script type="text/javascript"> |
| var shareqq = document.getElementById("shareqq"); |
| var sharewx = document.getElementById("sharewx"); |
| shareqq.onclick = function() { |
| alert("qq分享") |
| var args = {}; |
| args.client = QQSDK.ClientType.QQ; //QQSDK.ClientType.QQ,QQSDK.ClientType.TIM; |
| args.scene = QQSDK.Scene.QQ; //QQSDK.Scene.QQZone,QQSDK.Scene.Favorite |
| args.url = 'https://cordova.apache.org/'; |
| args.title = '大理App分享'; |
| args.description = '访客二维码'; |
| args.image = 'https://cordova.apache.org/static/img/cordova_bot.png'; |
| QQSDK.shareNews(function() { |
| alert('分享成功'); |
| }, function(failReason) { |
| alert(failReason); |
| }, args); |
| } |
| sharewx.onclick = function() { |
| alert("wx分享") |
| Wechat.share({ |
| message: { |
| title: "大理App分享", |
| description: "访客二维码", |
| thumb: "www/img/thumbnail.png", |
| mediaTagName: "TEST-TAG-001", |
| messageExt: "这是第三方带的测试字段", |
| messageAction: "<action>dotalist</action>", |
| media: { |
| type: Wechat.Type.LINK, |
| webpageUrl: "http://www.jason-z.com" |
| } |
| }, |
| scene: Wechat.Scene.SESSION // share to Timeline |
| }, function () { |
| alert("分享成功"); |
| }, function (reason) { |
| alert("Failed: " + reason); |
| }); |
| } |
| </script> |
| </html> |