左侧菜单
左侧菜单放置在.current里，在.nav上面即可。
<div class="view">
<div style="" class="page">
<div class="current">
<!-- 左侧菜单 -->
<div id="leftMenu" class="left_menu">
<div class="nav">
<div class="center" style="transform: translate3d(0px, 0px, 0px);">Tui FrameWork</div>
</div>
<div class="content">
<div class="left_menu_content">
<ul>
<li><a href="javascript:;" class="link_item">
<div class="item">
<!--<div class="item_left"></div>-->
<div class="item_center">
<div class="item-title">With switch</div>
<!--<div class="item_after"></div>-->
</div>
</div>
</a></li>
<li><a href="javascript:;" class="link_item">
<div class="item">
<!--<div class="item_left"></div>-->
<div class="item_center">
<div class="item-title">With switch</div>
<!--<div class="item_after"></div>-->
</div>
</div>
</a></li>
<li><a href="javascript:;" class="link_item">
<div class="item">
<!--<div class="item_left"></div>-->
<div class="item_center">
<div class="item-title">With switch</div>
<!--<div class="item_after"></div>-->
</div>
</div>
</a></li>
</ul>
</div>
</div>
</div>
<!-- 顶部导航栏 -->
<div class="nav">
<div class="left">
<a href="javascript:;" class="back link">
<i class="icon icon-back"></i><span>back</span>
</a>
</div>
<div class="center" style="left: -6.5px; transform: translate3d(0px, 0px, 0px);">Tui FrameWork</div>
<div class="right">
<a id="menuBtn" href="javascript:;" class="menu_left"><i class="icon icon-bars"></i></a>
</div>
</div>
<!-- 中间内容 -->
<div class="content">
<div class="head-pull"></div>
<div class="page-content">
<!-- 具体页面内容，ui组件 -->
</div>
<div class="page-content-bottom"></div>
</div>
<script>
t("#menuBtn").sideMenu("leftMenu"); //设置按钮menuBtn所要打开的左侧菜单。
</script>
</div>
</div>
</div>左侧菜单html代码结构与current结构类似，也包含.nav（头部导航栏）和.content（具体内容）。根据我们的业务不同，可能会出现多组菜单，所以提供了可以滑出指定菜单的功能，
t("#menuBtn").sideMenu("leftMenu"); //设置按钮menuBtn所要打开的左侧菜单。绑定id为menuBtn的a标签的滑出菜单id为leftMenu的菜单。