| <!DOCTYPE html> |
| <html> |
| |
| <head> |
| <link rel="stylesheet" type="text/css" href="mobileui/style.css"> |
| <meta name="format-detection" content="telephone=no"> |
| <meta charset="utf-8"> |
| <meta name="msapplication-tap-highlight" content="no"> |
| <meta name="viewport" content="viewport-fit=cover, initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" /> |
| <link rel="stylesheet" type="text/css" href="mobileui/css/imports.css"> |
| <link rel="stylesheet" type="text/css" href="css/index.css"> |
| <title>大理市民卡</title> |
| </head> |
| |
| <body class="has-footer"> |
| <div class="footer shadow white tab tab-bottom" style="border-top: 1px solid #F2F5F5"> |
| <button class="icon ion-ios-home-outline active " style="color: #49bce9;" onclick="openTab('myTabAbout')">首页</button> |
| <button class="icon ion-ios-person-outline " style="color: #49bce9;" onclick="openTab('myTabEvents')">我的</button> |
| </div> |
| <div class="tab-content active" id="myTabAbout"> |
| <div> |
| <div class="mainbg cover padding align-center" style="padding:32px 20px 20px 20px;"> |
| <h1 class="text-white align-left" style="font-size: 26px;">下午好！乔伟</h1> |
| <div class="space"></div> |
| <div class="item no-border row align-center"> |
| <div class="col text-red" id="scanBtn"> |
| <img src="img/icon_scan.png" style="width:48px;"> |
| <h1 class="text-white" style="margin-top:5px;font-size: 18px;">扫一扫</h1> |
| </div> |
| <div class="col text-grey" id="qrcodeBtn" > |
| <img src="img/icon_qrcode.png" style="width:48px;"> |
| <h1 class="text-white" style="margin-top:5px;font-size: 18px;">付款码</h1> |
| </div> |
| </div> |
| </div> |
| <div class="cover padding align-center white"> |
| <div class="item no-border row align-center"> |
| <div class="col text-grey" id="cardBtn"> |
| <img src="img/icon_card.png" style="width:28px;height: 28px"> |
| <h1 style="margin-top:5px;font-size: 14px;">市民卡挂失</h1> |
| </div> |
| <div class="col text-grey" id="billBtn"> |
| <img src="img/icon_bill.png" style="width:28px;height: 28px"> |
| <h1 style="margin-top:5px;font-size: 14px;">账单查询</h1> |
| </div> |
| <div class="col text-grey" id="secBtn"> |
| <img src="img/icon_securty.png" style="width:28px;height: 28px"> |
| <h1 style="margin-top:5px;font-size: 14px;">账户安全</h1> |
| </div> |
| </div> |
| </div> |
| |
| </div> |
| <div class="content" style="top:280px;bottom:52px;"> |
| <div class="list white" style="border:0;"> |
| <div class="item"> |
| <h2>近期交易</h2> |
| <div class="right" style="font-size: 16px;color:#49bce9" id="moreBtn">更多></div> |
| </div> |
| </div> |
| <div class="list white" style="margin-bottom: 6px;"> |
| <div class="item" onclick="app.toBillDetail()"> |
| <div class="left"> |
| <img class="avatar circle" src="img/icon_meal.png" style="width: 44px;height:44px;"> |
| </div> |
| <h2>食堂就餐</h2> |
| <p class="text-grey" style="font-size: 12px;">今天 15:20</p> |
| <div class="right"> |
| <ul> |
| <li class="text-strong">+ 1002.5</li> |
| <li class="text-red text-strong"> </li> |
| </ul> |
| </div> |
| </div> |
| <div class="item" style="padding:10px;"> |
| <div class="left"> |
| <img class="avatar circle" src="img/icon_water.png" style="width: 44px;height:44px;"> |
| </div> |
| <h2>生活用水</h2> |
| <p class="text-grey" style="font-size: 12px;">今天 15:20</p> |
| <div class="right"> |
| <ul> |
| <li class=" text-strong">- 0.01</li> |
| <li class="text-red text-strong"> </li> |
| </ul> |
| </div> |
| </div> |
| <div class="item"> |
| <div class="left"> |
| <img class="avatar circle" src="img/icon_car.png" style="width: 44px;height:44px;"> |
| </div> |
| <h2>交通出行</h2> |
| <p class="text-grey" style="font-size: 12px;">今天 15:20</p> |
| <div class="right"> |
| <ul> |
| <li class="text-strong">-1.00</li> |
| <li class="text-red text-strong"> </li> |
| </ul> |
| </div> |
| </div> |
| <div class="item"> |
| <div class="left"> |
| <img class="avatar circle" src="img/icon_meal.png" style="width: 44px;height:44px;"> |
| </div> |
| <h2>食堂就餐</h2> |
| <p class="text-grey" style="font-size: 12px;">今天 15:20</p> |
| <div class="right"> |
| <ul> |
| <li class="text-strong">+ 1002.5</li> |
| <li class="text-red text-strong"> </li> |
| </ul> |
| </div> |
| </div> |
| <div class="item"> |
| <div class="align-center" style="color: #999"> |
| 暂无数据 |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="tab-content" id="myTabEvents"> |
| <div class="mainbg" style="height: 3.90625vh;width: 100%"></div> |
| <div class="header mainbg" style="top: 3.6vh"> |
| <h1 class="align-center text-white">我的</h1> |
| </div> |
| <div style="padding-top: 48px;"> |
| <div class="row padding mainbg"> |
| <div class="col-25 padding"> |
| <img class="avatar circle" src="img/icon_card.png" /> |
| </div> |
| <div class="col padding"> |
| <h1 class="text-big text-white">张三</h1> |
| <p class="text-white">134****4553</p> |
| </div> |
| </div> |
| <div class="list white"> |
| <div class="item"> |
| <h2>银行卡</h2> |
| <div class="right"> |
| <small class="maincolor">已绑定</small><i class="icon ion-ios-arrow-right"></i> |
| </div> |
| </div> |
| <div class="item"> |
| <h2>签约代扣免密付</h2> |
| <div class="right"> |
| <small class="maincolor">已签约</small><i class="icon ion-ios-arrow-right"></i> |
| </div> |
| </div> |
| </div> |
| <div class="list white" style="margin-top: 8px;"> |
| <div class="item"> |
| <h2>账户安全</h2> |
| <div class="right"> |
| <i class="icon ion-ios-arrow-right"></i> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </body> |
| |
| </html> |
| <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="mobileui/mobileui.js"></script> |
| <script type="text/javascript" src="js/server.js"></script> |
| <script type="text/javascript" src="mobileui/js/button.min.js"></script> |
| <script type="text/javascript" src="mobileui/js/loading.min.js"></script> |
| <script type="text/javascript" src="mobileui/js/toast.min.js"></script> |
| <script type="text/javascript" src="mobileui/js/tab.min.js"></script> |
| <script type="text/javascript" src="mobileui/js/page.min.js"></script> |
| <script type="text/javascript" src="js/login.js"></script> |
| <script type="text/javascript"> |
| </script> |