| <!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" /> |
| </head> |
| |
| <body> |
| <div id="main1"> |
| <div id="maintop"> |
| <section class="aui-content " style="background-color: #03a9f4 !important;"> |
| <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> |
| <div class="aui-grid aui-bg-info"> |
| <div class="aui-row" id="classify"> |
| <div class="aui-col-xs-6 top-btn" id="scanBtn"> |
| <div class="center-in"><img src="img/icon_scan.png" style="width:56px;"></div> |
| <div class="aui-grid-label top-title">扫一扫</div> |
| </div> |
| <div class="aui-col-xs-6 top-btn" id="qrcodeBtn"> |
| <div class="center-in"><img src="img/icon_qrcode.png" style="width:56px;"></div> |
| <div class="aui-grid-label top-title">付款码</div> |
| </div> |
| </div> |
| </div> |
| </section> |
| <section class="aui-content aui-margin-b-10"> |
| <div class="aui-grid"> |
| <div class="aui-row"> |
| <div class="aui-col-xs-4" id="cardBtn"> |
| <div class="center-in"><img src="img/icon_card.png" style="width:28px;height: 28px"></div> |
| <div class="aui-grid-label" style="margin-top:10px;">市民卡挂失</div> |
| </div> |
| <div class="aui-col-xs-4" id="billBtn"> |
| <div class="center-in"><img src="img/icon_bill.png" style="width:28px;height: 28px"></div> |
| <div class="aui-grid-label" style="margin-top:10px;">账单查询</div> |
| </div> |
| <div class="aui-col-xs-4" id="secBtn"> |
| <div class="center-in"><img src="img/icon_securty.png" style="width:28px;height: 28px"></div> |
| <div class="aui-grid-label" style="margin-top:10px;">账户安全</div> |
| </div> |
| <!--<div class="aui-col-xs-4" id="doorBtn"> |
| <div class="center-in"><img src="img/icon_door.png" style="width:28px;height: 28px"></div> |
| <div class="aui-grid-label" style="margin-top:10px;">远程开门</div> |
| </div>--> |
| </div> |
| </div> |
| </section> |
| <div class="aui-card-list"> |
| <div class="aui-card-list-header" style="border-bottom: 1px solid #f2f2f2"> |
| <div class="aui-font-size-14">近期交易</div> |
| <div class="aui-list-item-right" style="font-size: 16px;color:#49bce9" id="moreBtn">更多></div> |
| </div> |
| </div> |
| </div> |
| <div style="position: absolute;top:320px;bottom:52px;width: 100%;overflow: auto;" id="maincontent"> |
| <section class="aui-content"> |
| <div class="weui-loadmore" id="loaddata"> |
| <i class="weui-loading"></i> |
| <span class="weui-loadmore__tips">正在加载</span> |
| </div> |
| <div class="weui-loadmore weui-loadmore_line" id="nodata" style="display: none" onclick="app.loadBill()"> |
| <span class="weui-loadmore__tips" style="background: transparent;" id="nodatahint">暂无数据</span> |
| </div> |
| <div class="aui-card-list" id="billcontent" style="display: none"> |
| <div class="aui-card-list-header aui-card-list-user" onclick="app.toBillDetail()"> |
| <div class="aui-card-list-user-avatar"> |
| <img src="img/icon_meal.png" class="aui-margin-r-10 aui-img-round" /> |
| </div> |
| <div class="aui-card-list-user-name"> |
| <div>食堂就餐</div> |
| <div class="aui-list-item-right">+100</div> |
| </div> |
| <div class="aui-card-list-user-info">2019-08-09 11:05</div> |
| </div> |
| <div class="aui-card-list-header aui-card-list-user"> |
| <div class="aui-card-list-user-avatar"> |
| <img src="img/icon_water.png" class="aui-margin-r-10 aui-img-round" /> |
| </div> |
| <div class="aui-card-list-user-name"> |
| <div>生活用水</div> |
| <div class="aui-list-item-right">+100</div> |
| </div> |
| <div class="aui-card-list-user-info">今天 11:05</div> |
| </div> |
| <div class="aui-card-list-header aui-card-list-user"> |
| <div class="aui-card-list-user-avatar"> |
| <img src="img/icon_car.png" class="aui-margin-r-10 aui-img-round" /> |
| </div> |
| <div class="aui-card-list-user-name"> |
| <div>交通出行</div> |
| <div class="aui-list-item-right">+100</div> |
| </div> |
| <div class="aui-card-list-user-info">今天 11:05</div> |
| </div> |
| <div class="aui-card-list-header aui-card-list-user" onclick="app.toBillDetail()"> |
| <div class="aui-card-list-user-avatar"> |
| <img src="img/icon_meal.png" class="aui-margin-r-10 aui-img-round" /> |
| </div> |
| <div class="aui-card-list-user-name"> |
| <div>食堂就餐</div> |
| <div class="aui-list-item-right">+100</div> |
| </div> |
| <div class="aui-card-list-user-info">2019-08-09 11:05</div> |
| </div> |
| <div class="aui-card-list-header aui-card-list-user"> |
| <div class="aui-card-list-user-avatar"> |
| <img src="img/icon_water.png" class="aui-margin-r-10 aui-img-round" /> |
| </div> |
| <div class="aui-card-list-user-name"> |
| <div>生活用水</div> |
| <div class="aui-list-item-right">+100</div> |
| </div> |
| <div class="aui-card-list-user-info">今天 11:05</div> |
| </div> |
| <div class="aui-card-list-header aui-card-list-user"> |
| <div class="aui-card-list-user-avatar"> |
| <img src="img/icon_car.png" class="aui-margin-r-10 aui-img-round" /> |
| </div> |
| <div class="aui-card-list-user-name"> |
| <div>交通出行</div> |
| <div class="aui-list-item-right">+100</div> |
| </div> |
| <div class="aui-card-list-user-info">今天 11:05</div> |
| </div> |
| <div class="aui-card-list-header aui-card-list-user" onclick="app.toBillDetail()"> |
| <div class="aui-card-list-user-avatar"> |
| <img src="img/icon_meal.png" class="aui-margin-r-10 aui-img-round" /> |
| </div> |
| <div class="aui-card-list-user-name"> |
| <div>食堂就餐</div> |
| <div class="aui-list-item-right">+100</div> |
| </div> |
| <div class="aui-card-list-user-info">2019-08-09 11:05</div> |
| </div> |
| <div class="aui-card-list-header aui-card-list-user"> |
| <div class="aui-card-list-user-avatar"> |
| <img src="img/icon_water.png" class="aui-margin-r-10 aui-img-round" /> |
| </div> |
| <div class="aui-card-list-user-name"> |
| <div>生活用水</div> |
| <div class="aui-list-item-right">+100</div> |
| </div> |
| <div class="aui-card-list-user-info">今天 11:05</div> |
| </div> |
| <div class="aui-card-list-header aui-card-list-user"> |
| <div class="aui-card-list-user-avatar"> |
| <img src="img/icon_car.png" class="aui-margin-r-10 aui-img-round" /> |
| </div> |
| <div class="aui-card-list-user-name"> |
| <div>交通出行</div> |
| <div class="aui-list-item-right">+100</div> |
| </div> |
| <div class="aui-card-list-user-info">今天 11:05</div> |
| </div> |
| <div class="aui-card-list-header aui-card-list-user"> |
| <div class="aui-card-list-user-avatar"> |
| <img src="img/icon_car.png" class="aui-margin-r-10 aui-img-round" /> |
| </div> |
| <div class="aui-card-list-user-name"> |
| <div>交通出行</div> |
| <div class="aui-list-item-right">+100</div> |
| </div> |
| <div class="aui-card-list-user-info">今天 11:05</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> |
| <!-- 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 class="aui-content aui-grid "> |
| <div class="aui-row aui-margin-t-10"> |
| <div class="aui-col-xs-4 aui-border-r"> |
| <big class="aui-text-warning" id="user-amount">0.00</big> |
| <div class="aui-gird-lable aui-font-size-12">余额</div> |
| </div> |
| <div class="aui-col-xs-4 aui-border-r"> |
| <big class="aui-text-success" id="user-point">0</big> |
| <div class="aui-gird-lable aui-font-size-12">积分</div> |
| </div> |
| <div class="aui-col-xs-4 "> |
| <big class="aui-text-danger" id="user-coupon">0</big> |
| <div class="aui-gird-lable aui-font-size-12">优惠券</div> |
| </div> |
| </div> |
| </section>--> |
| </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="userbank"></div> |
| </div> |
| </li> |
| <li class="aui-list-item" onclick="app.toSign()"> |
| <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"> |
| <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> |
| <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-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/server.js"></script> |
| <script type="text/javascript" src="js/main.js"></script> |
| <script type="text/javascript"> |
| |
| </script> |
| </html> |