编译至mui v 1.0.0

dist/css/mui.css

 /*!
  * =====================================================
- * Mui v0.9.0 (https://github.com/dcloudio/mui)
+ * Mui v1.0.0 (https://github.com/dcloudio/mui)
  * =====================================================
  */
 
@@ -621,24 +621,26 @@ p {
   width: auto;
 }
 
-.mui-off-canvas-height-fixed {
-  height: 100% !important;
-}
-
-.mui-android .mui-off-canvas-wrap .mui-inner-wrap .mui-bar {
-  position: absolute;
+.mui-off-canvas-wrap .mui-bar {
+  position: absolute !important;
 }
 
 .mui-off-canvas-wrap {
   position: relative;
+  z-index: 1;
   width: 100%;
+  height: 100%;
+  overflow: hidden;
 }
 .mui-off-canvas-wrap .mui-inner-wrap {
   position: relative;
+  z-index: 1;
   width: 100%;
   height: 100%;
-  -webkit-transition: -webkit-transform 400ms ease;
-          transition:         transform 400ms ease;
+}
+.mui-off-canvas-wrap .mui-inner-wrap.mui-transitioning {
+  -webkit-transition: -webkit-transform 200ms ease;
+          transition:         transform 200ms ease;
 }
 .mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-left {
   -webkit-transform: translate3d(-100%, 0, 0);
@@ -648,14 +650,11 @@ p {
   -webkit-transform: translate3d(100%, 0, 0);
           transform: translate3d(100%, 0, 0);
 }
-.mui-off-canvas-wrap.mui-sliding, .mui-off-canvas-wrap.mui-left, .mui-off-canvas-wrap.mui-right {
+.mui-off-canvas-wrap.mui-active {
   height: 100%;
   overflow: hidden;
 }
-.mui-off-canvas-wrap.mui-sliding .mui-off-canvas-left, .mui-off-canvas-wrap.mui-sliding .mui-off-canvas-right, .mui-off-canvas-wrap.mui-left .mui-off-canvas-left, .mui-off-canvas-wrap.mui-left .mui-off-canvas-right, .mui-off-canvas-wrap.mui-right .mui-off-canvas-left, .mui-off-canvas-wrap.mui-right .mui-off-canvas-right {
-  display: block;
-}
-.mui-off-canvas-wrap.mui-left .mui-off-canvas-backdrop, .mui-off-canvas-wrap.mui-right .mui-off-canvas-backdrop {
+.mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop {
   position: absolute;
   top: 0;
   right: 0;
@@ -665,33 +664,38 @@ p {
   display: block;
   background: rgba(255, 255, 255, .2);
   box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5);
-  transition: background 300ms ease;
+  transition: background 200ms ease;
 
   -webkit-backface-visibility: hidden;
   -webkit-tap-highlight-color: transparent;
 }
-.mui-off-canvas-wrap.mui-left .mui-inner-wrap {
-  -webkit-transform: translate3d(-80%, 0, 0);
-          transform: translate3d(-80%, 0, 0);
+.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-right {
+  z-index: 10000 !important;
+  -webkit-transform: translate3d(100%, 0px, 0px);
 }
-.mui-off-canvas-wrap.mui-right .mui-inner-wrap {
-  -webkit-transform: translate3d(80%, 0, 0);
-          transform: translate3d(80%, 0, 0);
+.mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left {
+  z-index: 10000 !important;
+  -webkit-transform: translate3d(-100%, 0px, 0px);
 }
 
 .mui-off-canvas-left, .mui-off-canvas-right {
   position: absolute;
   top: 0;
   bottom: 0;
-  display: none;
-  width: 80%;
+  z-index: -1;
+  width: 70%;
   min-height: 100%;
   box-sizing: content-box;
   -webkit-overflow-scrolling: touch;
+  visibility: hidden;
   background: #333;
 
   -webkit-backface-visibility: hidden;
 }
+.mui-off-canvas-left.mui-transitioning, .mui-off-canvas-right.mui-transitioning {
+  -webkit-transition: -webkit-transform 200ms ease;
+          transition:         transform 200ms ease;
+}
 
 .mui-off-canvas-left {
   left: 0;
@@ -2745,6 +2749,10 @@ select:focus {
           transform: translate3d(0, 0, 0);
 }
 
+.mui-android .mui-modal .mui-bar {
+  position: static;
+}
+
 .mui-slider {
   position: relative;
   width: 100%;
@@ -2864,6 +2872,8 @@ select:focus {
   background-clip: padding-box;
   border: 2px solid #ddd;
   border-radius: 20px;
+  -webkit-transition-timing-function: ease-in-out;
+          transition-timing-function: ease-in-out;
   -webkit-transition-duration: .2s;
           transition-duration: .2s;
   -webkit-transition-property: background-color, border;
@@ -2881,10 +2891,10 @@ select:focus {
   border-radius: 16px;
   -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
           box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
-  -webkit-transition-duration: .2s;
-          transition-duration: .2s;
-  -webkit-transition-property: -webkit-transform, width;
-          transition-property:         transform, width;
+  -webkit-transition: .2s ease-in-out;
+          transition: .2s ease-in-out;
+  -webkit-transition-property: -webkit-transform, width,left;
+          transition-property:         transform, width,left;
 }
 .mui-switch:before {
   position: absolute;
@@ -2895,13 +2905,24 @@ select:focus {
   text-transform: uppercase;
   content: "Off";
 }
+.mui-switch.mui-dragging {
+  background-color: rgba(247, 247, 247, .98);
+  border-color: rgba(247, 247, 247, .98);
+}
+.mui-switch.mui-dragging .mui-switch-handle {
+  width: 38px;
+}
+.mui-switch.mui-dragging.mui-active .mui-switch-handle {
+  left: -11px;
+  width: 38px;
+}
 .mui-switch.mui-active {
   background-color: #4cd964;
   border-color: #4cd964;
 }
 .mui-switch.mui-active .mui-switch-handle {
-  -webkit-transform: translate3d(45px, 0, 0);
-          transform: translate3d(45px, 0, 0);
+  -webkit-transform: translate3d(43px, 0, 0);
+          transform: translate3d(43px, 0, 0);
 }
 .mui-switch.mui-active:before {
   right: auto;
@@ -2920,8 +2941,8 @@ select:focus {
   display: none;
 }
 .mui-switch-mini.mui-active .mui-switch-handle {
-  -webkit-transform: translate3d(18px, 0, 0);
-          transform: translate3d(18px, 0, 0);
+  -webkit-transform: translate3d(16px, 0, 0);
+          transform: translate3d(16px, 0, 0);
 }
 
 .mui-switch-blue.mui-active {
@@ -3456,5 +3477,6 @@ select:focus {
 }
 .mui-fullscreen .mui-slider-item > a {
   top: 50%;
-  transform: translateY(-50%);
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
 }

examples/hello-mui/examples/actionsheet.html

@@ -57,11 +57,9 @@
 		</nav>
 		<div class="mui-content">
 			<div class="mui-content-padded">
-				<p>Actionsheet一般从底部弹出，显示一系列可选择的操作按钮，供用户选择；
-					ActionSheet可从任意位置触发，
-					点击本页面左下角<span class="mui-icon mui-icon-trash"></span>会弹出删除信息确认框；
-					点击本页面右下角<span class="mui-icon mui-icon-undo"></span>会弹出转发确认框；
-					你也可点击如下按钮，打开照片选择框：
+				<p>Actionsheet一般从底部弹出，显示一系列可选择的操作按钮，供用户选择； ActionSheet可从任意位置触发， 点击本页面左下角
+					<span class="mui-icon mui-icon-trash"></span>会弹出删除信息确认框； 点击本页面右下角
+					<span class="mui-icon mui-icon-undo"></span>会弹出转发确认框； 你也可点击如下按钮，打开照片选择框：
 				</p>
 				<p>
 					<a href="#picture" class="mui-btn mui-btn-primary mui-btn-block mui-btn-outlined" style="padding: 5px 20px;">打开Actionsheet</a>
@@ -69,8 +67,8 @@
 			</div>
 		</div>
 
-		
-		
+
+
 		<div id="delete" class="mui-popover mui-popover-action mui-popover-bottom">
 			<ul class="mui-table-view">
 				<li class="mui-table-view-cell">
@@ -118,5 +116,13 @@
 		</div>
 
 	</body>
+	<script>
+		mui('body').on('shown', '.mui-popover', function(e) {
+			//console.log('shown', e.detail.id);//detail为当前popover元素
+		});
+		mui('body').on('hidden', '.mui-popover', function(e) {
+			//console.log('hidden', e.detail.id);//detail为当前popover元素
+		});
+	</script>
 
 </html>
\ No newline at end of file

examples/hello-mui/examples/icons.html

@@ -33,8 +33,6 @@
 		<style>
 			.flex-container {
 				display: -webkit-box;
-				display: -moz-box;
-				display: -ms-flexbox;
 				display: -webkit-flex;
 				display: flex;
 				-webkit-flex-flow: row wrap;

examples/hello-mui/examples/info.html

@@ -51,7 +51,7 @@
 		</p>
 		<p>更多详细介绍，请到<a href="http://dcloudio.github.io/mui">mui官网</a>查看；</p>
 		<h4>版本介绍</h4>
-		<p>当前版本为0.9.0，可到<a href="https://github.com/dcloudio/mui">Github</a>上获取最新版本。</p>
+		<p>当前版本为1.0.0，可到<a href="https://github.com/dcloudio/mui">Github</a>上获取最新版本。</p>
 		<h4>License</h4>
 		<p>
 			mui遵循MIT License，源码已提交至Github，<a href="https://github.com/dcloudio/mui">点击查看</a>;

examples/hello-mui/examples/modals.html

@@ -15,39 +15,30 @@
 			html,body {
 				background-color: #efeff4;
 			}
-			header.mui-bar{
-				display: none;
-			}
-			.mui-bar-nav~.mui-content{
-				padding: 0;
-			}
 		</style>
 		<script>
 			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">Modals</h1>
-</header>
-<div class="mui-content">
-    <div class="mui-content-padded">
-        <a href="#modal" class="mui-btn mui-btn-primary mui-btn-block">Click</a>
-    </div>
-    <div id="modal" class="mui-modal">
-        <header class="mui-bar mui-bar-nav">
-            <a class="mui-icon mui-icon-close mui-pull-right" href="#modal"></a>
-            <h1 class="mui-title">Modal</h1>
-        </header>
-        <div class="mui-content">
-            <p class="mui-content-padded">The contents of my modal go here. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p>
-        </div>
-    </div>
-</div>
-
-</body>
+		<div class="mui-content">
+			<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">modal（弹出窗口）</h1>
+			</header>
+			<div class="mui-content">
+				<a href="#modal" class="mui-btn mui-btn-primary mui-btn-block">Click</a>
+			</div>
+			<div id="modal" class="mui-modal">
+				<header class="mui-bar mui-bar-nav">
+					<a class="mui-icon mui-icon-close mui-pull-right" href="#modal"></a>
+					<h1 class="mui-title">Modal</h1>
+				</header>
+				<div class="mui-content" style="height: 100%;">
+					<p class="mui-content-padded">The contents of my modal go here. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p>
+				</div>
+			</div>
+		</div>
+	</body>
 
 </html>
\ No newline at end of file

examples/hello-mui/examples/offcanvas-drag-left-plus-menu.html

@@ -12,8 +12,9 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,body {
-				background-color: #efeff4;
+			body,.mui-content {
+				background-color: #333;
+				color: #fff;
 			}
 			header.mui-bar{
 				display: none;
@@ -21,6 +22,19 @@
 			.mui-bar-nav~.mui-content{
 				padding: 0;
 			}
+			.title{
+			  	margin: 35px 15px 10px;
+			  }
+			  .title+.content{
+			  	margin: 10px 15px 35px;
+			  	color: #bbb;
+			  	text-indent: 1em;
+			  	font-size: 14px;
+			  	line-height: 24px;
+			  }
+			  .mui-table-view{
+			  	margin-bottom: 35px;
+			  }
 		</style>
 		<script>
 			mui.init();
@@ -28,54 +42,64 @@
 	</head>
 
 	<body>
-		<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
-			<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">Item 1</a>
-			</li>
-			<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">Item 2</a>
-			</li>
-			<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">Item 3</a>
-			</li>
-				<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">Item 4</a>
-			</li>
-				<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">Item 5</a>
-			</li>
-				<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">Item 6</a>
-			</li>
-				<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">Item 7</a>
-			</li>
-				<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">Item 8</a>
-			</li>
-		</ul>
-
-<style type="text/css">
-  html,body{
-  	background-color: #333;
-  }
-</style>
+		<div class="mui-content">
+			<div class="title">侧滑导航</div>
+				<div class="content">
+					这是侧滑菜单示例，你可以在这里放置任何内容；关闭侧滑菜单有多种方式：
+					1.在手机屏幕任意位置快速向右滑动(swipe)；
+					2.点击本侧滑菜单页之外的任意位置;
+					3.点击如下红色按钮；
+					<span class="android-only">
+						4.Android手机按back键；5.Android手机按menu键
+					</span>。
+					<p style="margin: 10px 15px;">
+						<button id="close-btn" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">关闭侧滑菜单</button>
+					</p>
+					
+				</div>
+				<div class="title" style="margin-bottom: 25px;">侧滑列表示例</div>
+				<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
+					<li class="mui-table-view-cell">
+						<a class="mui-navigate-right">Item 1</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a class="mui-navigate-right">Item 2</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a class="mui-navigate-right">Item 3</a>
+					</li>
+						<li class="mui-table-view-cell">
+						<a class="mui-navigate-right">Item 4</a>
+					</li>
+						<li class="mui-table-view-cell">
+						<a class="mui-navigate-right">Item 5</a>
+					</li>
+						<li class="mui-table-view-cell">
+						<a class="mui-navigate-right">Item 6</a>
+					</li>
+				</ul>
+		</div>
+		
 <script type="text/javascript" charset="utf-8">
 	mui.init({
-		swipeBack:false
-	});
-	//在android4.4.2中的swipe事件，需要preventDefault一下，否则触发不正常
-	window.addEventListener('dragright', function(e) {
-		e.detail.gesture.preventDefault();
+		swipeBack:false,
 	});
+	var main = null;
+	mui.plusReady(function () {
+		main = plus.webview.currentWebview().opener();
+	})
+	
+	function closeMenu () {
+		mui.fire(main,"menu:swiperight");
+	}
 	
 	//左滑显示出来的菜单，只需监听右滑，然后将菜单关闭即可；在该菜单上左滑，不做任何操作；
-	window.addEventListener("swiperight",function () {
-		mui.fire(mui.currentWebview.opener(),"menu:swiperight");
-	});
+	window.addEventListener("swiperight",closeMenu);
 	
-  
+	document.getElementById("close-btn").addEventListener('tap',closeMenu);
+	mui.menu = closeMenu;
+  	mui.back = closeMenu;
 </script>
 </body>
 
-</html>
+</html>
\ No newline at end of file

examples/hello-mui/examples/offcanvas-drag-right-plus-menu.html

@@ -12,8 +12,9 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,body {
-				background-color: #efeff4;
+			body, .mui-content {
+				background-color: #333;
+				color: #fff;
 			}
 			header.mui-bar{
 				display: none;
@@ -21,6 +22,19 @@
 			.mui-bar-nav~.mui-content{
 				padding: 0;
 			}
+			 .title{
+			  	margin: 35px 15px 10px;
+			  }
+			  .title+.content{
+			  	margin: 10px 15px 35px;
+			  	color: #bbb;
+			  	text-indent: 1em;
+			  	font-size: 14px;
+			  	line-height: 24px;
+			  }
+			  .mui-table-view{
+			  	margin-bottom: 35px;
+			  }
 		</style>
 		<script>
 			mui.init();
@@ -28,67 +42,74 @@
 	</head>
 
 	<body>
-		<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
-			<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">
+		<div class="mui-content">
+			<div class="title">侧滑导航</div>
+				<div class="content">
+					这是侧滑菜单示例，你可以在这里放置任何内容；关闭侧滑菜单有多种方式：
+					1.在手机屏幕任意位置快速向左滑动(swipe)；
+					2.点击本侧滑菜单页之外的任意位置;
+					3.点击如下红色按钮；
+					<span class="android-only">
+						4.Android手机按back键；5.Android手机按menu键
+					</span>。
+					<p style="margin: 10px 15px;">
+						<button id="close-btn" class="mui-btn mui-btn-danger mui-btn-block" style="padding: 5px 20px;">关闭侧滑菜单</button>
+					</p>
+					
+				</div>
+				<div class="title" style="margin-bottom: 25px;">侧滑列表示例</div>
+				<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
+					<li class="mui-table-view-cell">
+						<a class="mui-navigate-right">
 							Item 1
 						</a>
-			</li>
-			<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">
+					</li>
+					<li class="mui-table-view-cell">
+						<a class="mui-navigate-right">
 							Item 2
 						</a>
-			</li>
-			<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">
+					</li>
+					<li class="mui-table-view-cell">
+						<a class="mui-navigate-right">
 							Item 3
 						</a>
-			</li>
-				<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">
+					</li>
+					<li class="mui-table-view-cell">
+						<a class="mui-navigate-right">
 							Item 4
 						</a>
-			</li>
-				<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">
+					</li>
+					<li class="mui-table-view-cell">
+						<a class="mui-navigate-right">
 							Item 5
 						</a>
-			</li>
-				<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">
+					</li>
+					<li class="mui-table-view-cell">
+						<a class="mui-navigate-right">
 							Item 6
 						</a>
-			</li>
-				<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">
-							Item 7
-						</a>
-			</li>
-				<li class="mui-table-view-cell">
-				<a class="mui-navigate-right">
-							Item 8
-						</a>
-			</li>
-		</ul>
+					</li>
+				</ul>
+		</div>
 
-<style type="text/css">
-  html,body{
-  	background-color: #333;
-  }
-</style>
-<script type="text/javascript" charset="utf-8">
-	mui.init({
-		swipeBack:false
-	});
-	//在android4.4.2中的swipe事件，需要preventDefault一下，否则触发不正常
-	window.addEventListener('dragleft', function(e) {
-		e.detail.gesture.preventDefault();
-	});
-	//优化显示出来的侧滑菜单，只需监听该菜单的左滑事件，然后将其关闭即可；在菜单上右滑，不做任何操作；
-	window.addEventListener("swipeleft",function () {
-		mui.fire(mui.currentWebview.opener(),"menu:swipeleft");
-	});  
-</script>
+		<script type="text/javascript" charset="utf-8">
+			mui.init({
+				swipeBack:false
+			});
+			//获得侧滑主窗口webview对象
+			var main = null;
+			mui.plusReady(function () {
+				main = plus.webview.currentWebview().opener();
+				
+			})
+			function closeMenu () {
+				mui.fire(main,"menu:swipeleft");
+			}
+			//优化显示出来的侧滑菜单，只需监听该菜单的左滑事件，然后将其关闭即可；在菜单上右滑，不做任何操作；
+			window.addEventListener("swipeleft",closeMenu);  
+			document.getElementById("close-btn").addEventListener('tap',closeMenu);
+			mui.menu = closeMenu;
+		</script>
 </body>
 
 </html>
\ No newline at end of file

examples/hello-mui/examples/popovers.html

@@ -17,6 +17,7 @@
 				background-color: #efeff4;
 			}
 			/*跨webview需要手动指定位置*/
+			
 			#topPopover {
 				position: fixed;
 				top: 16px;
@@ -26,7 +27,6 @@
 				left: auto;
 				right: 6px;
 			}
-			
 			p {
 				text-indent: 22px;
 			}
@@ -39,7 +39,6 @@
 			.mui-popover {
 				height: 300px;
 			}
-			
 			.mui-content {
 				padding: 10px;
 			}
@@ -163,6 +162,12 @@
 		</div>
 		<script>
 			mui('.mui-scroll-wrapper').scroll();
+			mui('body').on('shown', '.mui-popover', function(e) {
+				//console.log('shown', e.detail.id);//detail为当前popover元素
+			});
+			mui('body').on('hidden', '.mui-popover', function(e) {
+				//console.log('hidden', e.detail.id);//detail为当前popover元素
+			});
 		</script>
 	</body>
 

examples/hello-mui/examples/pullrefresh.html

@@ -20,9 +20,13 @@
 	</head>
 
 	<body>
+		<!--下拉刷新容器-->
 		<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
 			<div class="mui-scroll">
-				<ul class="mui-table-view mui-table-view-chevron"></ul>
+				<!--数据列表-->
+				<ul class="mui-table-view mui-table-view-chevron">
+					
+				</ul>
 			</div>
 		</div>
 		<script>

examples/hello-mui/examples/tab-webview-subpage-about.html

@@ -20,7 +20,7 @@
 				font-size: 15px;
 			}
 		</style>
-		<script>
+		<script type="text/javascript">
 			mui.init();
 		</script>
 	</head>

examples/hello-mui/examples/tab-webview-subpage-chat.html

@@ -22,9 +22,6 @@
 				background-color: #fff;
 			}
 		</style>
-		<script type="text/javascript" charset="utf-8">
-			mui.init();
-		</script>
 	</head>
 
 	<body>

examples/hello-mui/examples/tab-webview-subpage-contact.html

@@ -46,7 +46,7 @@
 			float: left;
 		}
 		</style>
-		<script>
+		<script type="text/javascript">
 			mui.init();
 		</script>
 	</head>

examples/hello-mui/examples/tab-webview-subpage-setting.html

@@ -21,7 +21,7 @@
 				font-size: 15px;
 			}
 		</style>
-		<script>
+		<script type="text/javascript">
 			mui.init();
 		</script>
 	</head>

examples/hello-mui/index-mask.html

-<!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="utf-8">
-		<title>Hello MUI</title>
-		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
-		<meta name="apple-mobile-web-app-capable" content="yes">
-		<meta name="apple-mobile-web-app-status-bar-style" content="black">
-		<link rel="stylesheet" href="css/mui.min.css">
-		<script src="js/mui.min.js"></script>
-		<style type="text/css">
-			html,body{
-				background-color: #000;
-			}
-		</style>
-		<script type="text/javascript" charset="utf-8">
-			var index = null;//主页面
-			function closeMenu () {
-				!index&&(index = mui.currentWebview.opener());
-				mui.fire(index,"menu:close");
-			}
-			window.addEventListener('tap',closeMenu);
-			//在android4.4.2中的swipe事件，需要preventDefault一下，否则触发不正常
-			window.addEventListener('dragleft', function(e) {
-				e.detail.gesture.preventDefault();
-			});
-			window.addEventListener('swipeleft',closeMenu);
-		</script>
-	</head>
-	<body>
-		
-	</body>
-</html>
\ No newline at end of file