基础版本
diff --git a/www/main1.html b/www/main1.html
new file mode 100644
index 0000000..73db78e
--- /dev/null
+++ b/www/main1.html
@@ -0,0 +1,175 @@
+<!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>