<!DOCTYPE html>
<html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <script src="js/mui.min.js"></script> <link href="css/mui.min.css" rel="stylesheet"/> <link rel="stylesheet" type="text/css" href="css/main.css"/> <script type="text/javascript" charset="utf-8"> mui.init(); </script></head><body> <header class="mui-bar mui-bar-nav"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <h1 class="mui-title">微信</h1> </header> <nav class="mui-bar mui-bar-tab"> <a class="mui-tab-item mui-active" href="#sub1"> <span class="mui-icon mui-icon-weixin"></span> <span class="mui-tab-label">微信</span> </a> <a class="mui-tab-item" href="#sub2"> <span class="mui-icon mui-icon-contact"></span> <span class="mui-tab-label">通讯录</span> </a> <a class="mui-tab-item" href="#sub3"> <span class="mui-icon mui-icon-paperplane"></span> <span class="mui-tab-label">发现</span> </a> <a class="mui-tab-item" href="#sub4"> <span class="mui-icon mui-icon-person"></span> <span class="mui-tab-label">我</span> </a> </nav> <div class="mui-content"> <div class="mui-control-content" id="sub1"> <ul class="mui-table-view"> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> first 1 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> first 2 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> first 3 </a> </li> </ul> </div> <div class="mui-control-content" id="sub2"> <ul class="mui-table-view"> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> second 1 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> second 2 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> second 3 </a> </li> </ul> </div> <div class="mui-control-content" id="sub3"> <ul class="mui-table-view"> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> third 1 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> third 2 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> third 3 </a> </li> </ul> </div> <div class="mui-control-content" id="sub4"> <ul class="mui-table-view"> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> fourth 1 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> fourth 2 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> fourth 3 </a> </li> </ul> </div> </div></body>
</html>