升级Hello mui

cf990ab0 · hbcui1984 · cdf6402f · cf990ab0 · cf990ab0 · cf990ab0
Commit cf990ab0 authored Sep 10, 2014 by hbcui1984
89 changed files
--- a/examples/hello-mui/css/mui.min.css
+++ b/examples/hello-mui/css/mui.min.css
--- a/examples/hello-mui/examples/badges.html
+++ b/examples/hello-mui/examples/badges.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/buttons-with-badges.html
+++ b/examples/hello-mui/examples/buttons-with-badges.html
 <!DOCTYPE html>
 <html>
 	<head>
 		<meta charset="utf-8">
 		<title>Hello MUI</title>
@@ -11,7 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html, body {
+			html,body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -19,6 +20,7 @@
 			mui.init();
 		</script>
 	</head>
 	<body>
 <style>
@@ -29,7 +31,7 @@
    }
 </style>
 <header class="mui-bar mui-bar-nav">
-    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+    <a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
    <h1 class="mui-title">带数字的按钮</h1>
 </header>
 <div class="mui-content">

--- a/examples/hello-mui/examples/buttons-with-block.html
+++ b/examples/hello-mui/examples/buttons-with-block.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -25,7 +24,7 @@
 	<body>
 <header class="mui-bar mui-bar-nav">
-    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+    <a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
    <h1 class="mui-title">块级按钮</h1>
 </header>
 <div class="mui-content">

--- a/examples/hello-mui/examples/buttons-with-fabs.html
+++ b/examples/hello-mui/examples/buttons-with-fabs.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/buttons-with-icons.html
+++ b/examples/hello-mui/examples/buttons-with-icons.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -31,7 +30,7 @@
    }
 </style>
 <header class="mui-bar mui-bar-nav">
-    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+    <a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
    <h1 class="mui-title">带图标按钮</h1>
 </header>
 <div class="mui-content">
@@ -48,12 +47,8 @@
            <span class="mui-icon mui-icon-trash"></span>
            删除	
        </button>
-        <button class="mui-btn mui-btn-outlined">
-            <span class="mui-icon mui-icon-calendar"></span>
-            日程
-        </button>
        <button class="mui-btn mui-btn-link">
-            <span class="mui-icon mui-icon-left-nav"></span>
+            <span class="mui-icon mui-icon-back"></span>
            返回
        </button>
        <h5>图标居右：</h5>
@@ -68,14 +63,9 @@
            删除	
            <span class="mui-icon mui-icon-trash"></span>
        </button>
-        <button class="mui-btn mui-btn-outlined">
-            日程
-            <span class="mui-icon mui-icon-calendar"></span>
-        </button>
        <button class="mui-btn mui-btn-link">
            下一步
-            <span class="mui-icon mui-icon-right"></span>
+            <span class="mui-icon mui-icon-forward"></span>
        </button>
    </div>
 </div>

--- a/examples/hello-mui/examples/buttons.html
+++ b/examples/hello-mui/examples/buttons.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/cards.html
+++ b/examples/hello-mui/examples/cards.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/checkbox.html
+++ b/examples/hello-mui/examples/checkbox.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/dialog.html
+++ b/examples/hello-mui/examples/dialog.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/forms-with-group-and-labels.html
+++ b/examples/hello-mui/examples/forms-with-group-and-labels.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/forms-with-group.html
+++ b/examples/hello-mui/examples/forms-with-group.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/forms.html
+++ b/examples/hello-mui/examples/forms.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/grid-default.html
+++ b/examples/hello-mui/examples/grid-default.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -42,20 +41,14 @@
                    <span class="mui-icon mui-icon-home"></span>
                    <div class="mui-media-body">Home</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
-                    <span class="mui-icon mui-icon-sms"><span class="mui-badge">5</span></span>
+                    <span class="mui-icon mui-icon-email"><span class="mui-badge">5</span></span>
                    <div class="mui-media-body">Email</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
-                    <span class="mui-icon mui-icon-calendar"></span>
+                    <span class="mui-icon mui-icon-chatbubble"></span>
-                    <div class="mui-media-body">Calendar</div></a></li>
-            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
-                    <span class="mui-icon mui-icon-chat"></span>
                    <div class="mui-media-body">Chat</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
-                    <span class="mui-icon mui-icon-category"></span>
+                    <span class="mui-icon mui-icon-location"></span>
-                    <div class="mui-media-body">Sort</div></a></li>
+                    <div class="mui-media-body">location</div></a></li>
-            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
-                    <span class="mui-icon mui-icon-map"></span>
-                    <div class="mui-media-body">Map</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                    <span class="mui-icon mui-icon-search"></span>
                    <div class="mui-media-body">Search</div></a></li>
@@ -63,8 +56,14 @@
                    <span class="mui-icon mui-icon-phone"></span>
                    <div class="mui-media-body">Phone</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
-                    <span class="mui-icon mui-icon-cog"></span>
+                    <span class="mui-icon mui-icon-gear"></span>
                    <div class="mui-media-body">Setting</div></a></li>
+            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
+                    <span class="mui-icon mui-icon-info"></span>
+                    <div class="mui-media-body">about</div></a></li>
+           <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
+                    <span class="mui-icon mui-icon-more"></span>
+                    <div class="mui-media-body">more</div></a></li>
        </ul> 
    </div>

--- a/examples/hello-mui/examples/grid-pagination.html
+++ b/examples/hello-mui/examples/grid-pagination.html
--- a/examples/hello-mui/examples/icons.html
+++ b/examples/hello-mui/examples/icons.html
--- a/examples/hello-mui/examples/info.html
+++ b/examples/hello-mui/examples/info.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/inputs.html
+++ b/examples/hello-mui/examples/inputs.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/iscroll.html
+++ b/examples/hello-mui/examples/iscroll.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/list-triplex-row.html
+++ b/examples/hello-mui/examples/list-triplex-row.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/list-with-input.html
+++ b/examples/hello-mui/examples/list-with-input.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/modals.html
+++ b/examples/hello-mui/examples/modals.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/oa-contact-list.html
+++ b/examples/hello-mui/examples/oa-contact-list.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/oa-contact-main.html
+++ b/examples/hello-mui/examples/oa-contact-main.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/oa-grid.html
+++ b/examples/hello-mui/examples/oa-grid.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/oa-missives-detail.html
+++ b/examples/hello-mui/examples/oa-missives-detail.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/offcanvas-left-plus-main.html
+++ b/examples/hello-mui/examples/offcanvas-left-plus-main.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -28,7 +27,7 @@
 	<div class="mui-inner-wrap">
 		<header class="mui-bar mui-bar-nav">
 			<a class="mui-action-menu mui-icon mui-icon-bars mui-pull-left"></a>
-			<a class="mui-action-back mui-icon mui-icon-close mui-pull-right"></a>
+			<a class="mui-action-back mui-btn mui-btn-link mui-pull-right">关闭</a>
 			<h1 class="mui-title">off canvas（侧滑导航）</h1>
 		</header>
 		<div class="mui-content">

--- a/examples/hello-mui/examples/offcanvas-plus-menu.html
+++ b/examples/hello-mui/examples/offcanvas-plus-menu.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/offcanvas-right-plus-main.html
+++ b/examples/hello-mui/examples/offcanvas-right-plus-main.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -28,7 +27,7 @@
 	<div class="mui-inner-wrap">
 		<header class="mui-bar mui-bar-nav">
 			<a class="mui-action-menu mui-icon mui-icon-bars mui-pull-right"></a>
-			<a class="mui-action-back mui-icon mui-icon-close mui-pull-left"></a>
+			<a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
 			<h1 class="mui-title">off canvas（侧滑导航）</h1>
 		</header>
 		<div class="mui-content">

--- a/examples/hello-mui/examples/offcanvas-with-left.html
+++ b/examples/hello-mui/examples/offcanvas-with-left.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -28,8 +27,8 @@
 	<div class="mui-inner-wrap">
 		<header class="mui-bar mui-bar-nav">
 			<a href="#offCanvas" class="mui-icon mui-icon-bars mui-pull-left"></a>
-			<a class="mui-action-back mui-icon mui-icon-close mui-pull-right"></a>
+			<a class="mui-action-back mui-btn mui-btn-link mui-pull-right">关闭</a>
-			<h1 class="mui-title">Container with slide menu</h1>
+			<h1 class="mui-title">右滑导航</h1>
 		</header>
 		<aside id="offCanvas" class="mui-off-canvas-left">
 			<button id="offCanvasHide" class="mui-btn mui-btn-primary mui-btn-block">
@@ -133,46 +132,6 @@
 					</a>
 				</li>
 			</ul>
-			<div class="mui-slider">
-				<div class="mui-slider-group mui-slider-loop">
-					<div class="mui-slider-item">
-						<a href="#">
-							<img src="../images/yuantiao.jpg">
-						</a>
-					</div>
-					<div class="mui-slider-item">
-						<a href="#">
-							<img src="../images/shuijiao.jpg">
-						</a>
-					</div>
-					<div class="mui-slider-item">
-						<a href="#">
-							<img src="../images/muwu.jpg">
-						</a>
-					</div>
-					<div class="mui-slider-item">
-						<a href="#">
-							<img src="../images/cbd.jpg">
-						</a>
-					</div>
-					<div class="mui-slider-item">
-						<a href="#">
-							<img src="../images/yuantiao.jpg">
-						</a>
-					</div>
-					<div class="mui-slider-item">
-						<a href="#">
-							<img src="../images/shuijiao.jpg">
-						</a>
-					</div>
-				</div>
-				<div class="mui-slider-indicator">
-					<div class="mui-indicator mui-active"></div>
-					<div class="mui-indicator"></div>
-					<div class="mui-indicator"></div>
-					<div class="mui-indicator"></div>
-				</div>
-			</div>
 		</div>
 		<!-- off-canvas backdrop -->
 		<div class="mui-off-canvas-backdrop"></div>

--- a/examples/hello-mui/examples/offcanvas-with-right.html
+++ b/examples/hello-mui/examples/offcanvas-with-right.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -27,9 +26,9 @@
 <div class="mui-off-canvas-wrap mui-draggable">
 	<div class="mui-inner-wrap">
 		<header class="mui-bar mui-bar-nav">
-			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
 			<a href="#offCanvas" class="mui-icon mui-icon-bars mui-pull-right"></a>
-			<h1 class="mui-title">Container with slide menu(right)</h1>
+			<h1 class="mui-title">左滑导航</h1>
 		</header>
 		<aside id="offCanvas" class="mui-off-canvas-right">
 			<button id="offCanvasHide" class="mui-btn mui-btn-primary mui-btn-block">

--- a/examples/hello-mui/examples/pagination.html
+++ b/examples/hello-mui/examples/pagination.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/popovers-with-actionsheet.html
+++ b/examples/hello-mui/examples/popovers-with-actionsheet.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/popovers-with-cross-webviews-popover.html
+++ b/examples/hello-mui/examples/popovers-with-cross-webviews-popover.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/popovers-with-cross-webviews.html
+++ b/examples/hello-mui/examples/popovers-with-cross-webviews.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/popovers-with-js-call.html
+++ b/examples/hello-mui/examples/popovers-with-js-call.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/popovers.html
+++ b/examples/hello-mui/examples/popovers.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/preload-mixwebview-content.html
+++ b/examples/hello-mui/examples/preload-mixwebview-content.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/preload-mixwebview-main.html
+++ b/examples/hello-mui/examples/preload-mixwebview-main.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/preload-webview-with-openwindow.html
+++ b/examples/hello-mui/examples/preload-webview-with-openwindow.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/preload-webview.html
+++ b/examples/hello-mui/examples/preload-webview.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/preload.html
+++ b/examples/hello-mui/examples/preload.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/pulldown-and-pullup.html
+++ b/examples/hello-mui/examples/pulldown-and-pullup.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/pulldown-with-plus-content-custom.html
+++ b/examples/hello-mui/examples/pulldown-with-plus-content-custom.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/pulldown-with-plus-main-custom.html
+++ b/examples/hello-mui/examples/pulldown-with-plus-main-custom.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -79,7 +78,7 @@
 	}
 	function pull2() {
-		etext.textContent = "松开可刷新";
+		etext.textContent = "释放立即刷新";
 		eicon.style.webkitTransition = "all 0.3s ease-in";
 		eicon.style.webkitTransform = "rotate(180deg)";
 	}

--- a/examples/hello-mui/examples/pullrefresh-down-content.html
+++ b/examples/hello-mui/examples/pullrefresh-down-content.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/pullrefresh-down-main.html
+++ b/examples/hello-mui/examples/pullrefresh-down-main.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -25,7 +24,7 @@
 	<body>
 <header class="mui-bar mui-bar-nav">
-	<a class="mui-action-back mui-icon mui-icon-left mui-pull-left"></a>
+	<a class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
 	<h1 class="mui-title">下拉刷新</h1>
 </header>

--- a/examples/hello-mui/examples/pullup.html
+++ b/examples/hello-mui/examples/pullup.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/radio.html
+++ b/examples/hello-mui/examples/radio.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/range.html
+++ b/examples/hello-mui/examples/range.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/slider-default.html
+++ b/examples/hello-mui/examples/slider-default.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/slider-table-default.html
+++ b/examples/hello-mui/examples/slider-table-default.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/slider-table-pagination.html
+++ b/examples/hello-mui/examples/slider-table-pagination.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/slider-with-title.html
+++ b/examples/hello-mui/examples/slider-with-title.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -97,9 +96,6 @@
 			});
 		}
 	});
-	document.getElementById("slider").addEventListener('slide',function(e){
-		console.log(e.detail.slideNumber);
-	});
 </script>
 </body>
 </html>
\ No newline at end of file
--- a/examples/hello-mui/examples/speech.html
+++ b/examples/hello-mui/examples/speech.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/switches.html
+++ b/examples/hello-mui/examples/switches.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tab-webview-main.html
+++ b/examples/hello-mui/examples/tab-webview-main.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -41,13 +40,13 @@
 		<span class="mui-tab-label">电话咨询</span>
 	</a>
 	<a class="mui-tab-item" href="tab-webview-subpage-chat.html">
-		<span class="mui-icon mui-icon-chat"></span>
+		<span class="mui-icon mui-icon-email"></span>
-		<span class="mui-tab-label">在线咨询</span>
-	</a>
-	<a class="mui-tab-item" href="tab-webview-subpage-sms.html">
-		<span class="mui-icon mui-icon-sms"></span>
 		<span class="mui-tab-label">短信咨询</span>
 	</a>
+	<a class="mui-tab-item" href="tab-webview-subpage-contact.html">
+		<span class="mui-icon mui-icon-contact"></span>
+		<span class="mui-tab-label">通讯录</span>
+	</a>
 	<a class="mui-tab-item" href="tab-webview-subpage-map.html">
 		<span class="mui-icon mui-icon-map"></span>
 		<span class="mui-tab-label">查看地图</span>
@@ -75,8 +74,8 @@
  			bottom:'50px'
  		}
  	},{
-  		url:'tab-webview-subpage-sms.html',
+  		url:'tab-webview-subpage-contact.html',
-  		id:'tab-webview-subpage-sms.html',
+  		id:'tab-webview-subpage-contact.html',
  		styles:{
  			top:'48px',
  			bottom:'50px'

--- a/examples/hello-mui/examples/tab-webview-subpage-chat.html
+++ b/examples/hello-mui/examples/tab-webview-subpage-chat.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -24,7 +23,7 @@
 	<body>
-<h3>在线咨询</h3>
+<h3>短信咨询</h3>
 <style type="text/css">
  h3{
  	text-align: center;

--- a/examples/hello-mui/examples/tab-webview-subpage-sms.html
+++ b/examples/hello-mui/examples/tab-webview-subpage-sms.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -24,7 +23,7 @@
 	<body>
-<h3>短信咨询</h3>
+<h3>通讯录</h3>
 <style type="text/css">
  h3{
  	text-align: center;

--- a/examples/hello-mui/examples/tab-webview-subpage-map.html
+++ b/examples/hello-mui/examples/tab-webview-subpage-map.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tab-webview-subpage-phone.html
+++ b/examples/hello-mui/examples/tab-webview-subpage-phone.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tab-with-segmented-control.html
+++ b/examples/hello-mui/examples/tab-with-segmented-control.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tab-with-viewpagerindicator.html
+++ b/examples/hello-mui/examples/tab-with-viewpagerindicator.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tabbar-labels-only.html
+++ b/examples/hello-mui/examples/tabbar-labels-only.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tabbar-with-submenus.html
+++ b/examples/hello-mui/examples/tabbar-with-submenus.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tabbar.html
+++ b/examples/hello-mui/examples/tabbar.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -40,13 +39,13 @@
 		<span class="mui-tab-label">电话咨询</span>
 	</a>
 	<a class="mui-tab-item" href="#tabbar-with-chat">
-		<span class="mui-icon mui-icon-chat"></span>
+		<span class="mui-icon mui-icon-email"></span>
-		<span class="mui-tab-label">在线咨询</span>
-	</a>
-	<a class="mui-tab-item" href="#tabbar-with-sms">
-		<span class="mui-icon mui-icon-sms"></span>
 		<span class="mui-tab-label">短信咨询</span>
 	</a>
+	<a class="mui-tab-item" href="#tabbar-with-contact">
+		<span class="mui-icon mui-icon-contact"></span>
+		<span class="mui-tab-label">通讯录</span>
+	</a>
 	<a class="mui-tab-item" href="#tabbar-with-map">
 		<span class="mui-icon mui-icon-map"></span>
 		<span class="mui-tab-label">查看地图</span>
@@ -57,11 +56,11 @@
 		<h3>电话咨询</h3>
 	</div>
 	<div id="tabbar-with-chat" class="mui-control-content">
-		<h3>在线咨询</h3>
-	</div>
-	<div id="tabbar-with-sms" class="mui-control-content">
 		<h3>短信咨询</h3>
 	</div>
+	<div id="tabbar-with-contact" class="mui-control-content">
+		<h3>通讯录</h3>
+	</div>
 	<div id="tabbar-with-map" class="mui-control-content">
 		<h3>查看地图</h3>
 	</div>

--- a/examples/hello-mui/examples/tableview-image-left.html
+++ b/examples/hello-mui/examples/tableview-image-left.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tableview-image-right.html
+++ b/examples/hello-mui/examples/tableview-image-right.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tableview-with-images-and-chevrons.html
+++ b/examples/hello-mui/examples/tableview-with-images-and-chevrons.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tableviews-with-badges-and-chevrons.html
+++ b/examples/hello-mui/examples/tableviews-with-badges-and-chevrons.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tableviews-with-badges.html
+++ b/examples/hello-mui/examples/tableviews-with-badges.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tableviews-with-chevrons.html
+++ b/examples/hello-mui/examples/tableviews-with-chevrons.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tableviews-with-collapses.html
+++ b/examples/hello-mui/examples/tableviews-with-collapses.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tableviews-with-swipe.html
+++ b/examples/hello-mui/examples/tableviews-with-swipe.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tableviews-with-switches.html
+++ b/examples/hello-mui/examples/tableviews-with-switches.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/tableviews.html
+++ b/examples/hello-mui/examples/tableviews.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/titlebar-with-buttons.html
+++ b/examples/hello-mui/examples/titlebar-with-buttons.html
 <!DOCTYPE html>
 <html>
 	<head>
 		<meta charset="utf-8">
 		<title>Hello MUI</title>
@@ -11,7 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html, body {
+			html,body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -19,6 +20,7 @@
 			mui.init();
 		</script>
 	</head>
 	<body>
 <header class="mui-bar mui-bar-nav">

--- a/examples/hello-mui/examples/titlebar-with-html5-and-5+.html
+++ b/examples/hello-mui/examples/titlebar-with-html5-and-5+.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/titlebar-with-icons.html
+++ b/examples/hello-mui/examples/titlebar-with-icons.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/titlebar-with-search.html
+++ b/examples/hello-mui/examples/titlebar-with-search.html
 <!DOCTYPE html>
 <html>
 	<head>
 		<meta charset="utf-8">
 		<title>Hello MUI</title>
@@ -11,7 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html, body {
+			html,body {
 				background-color: #efeff4;
 			}
 		</style>
@@ -19,6 +20,7 @@
 			mui.init();
 		</script>
 	</head>
 	<body>
 <header class="mui-bar mui-bar-nav">

--- a/examples/hello-mui/examples/titlebar-with-text-and-icons.html
+++ b/examples/hello-mui/examples/titlebar-with-text-and-icons.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/titlebar-with-webview-and-5+.html
+++ b/examples/hello-mui/examples/titlebar-with-webview-and-5+.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/titlebar.html
+++ b/examples/hello-mui/examples/titlebar.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/examples/typography.html
+++ b/examples/hello-mui/examples/typography.html
@@ -12,8 +12,7 @@
 		<script src="../js/mui.min.js"></script>
 		<script src="../js/app.js"></script>
 		<style>
-			html,
+			html,body {
-			body {
 				background-color: #efeff4;
 			}
 		</style>

--- a/examples/hello-mui/fonts/mui.ttf
+++ b/examples/hello-mui/fonts/mui.ttf
--- a/examples/hello-mui/fonts/muiicons.ttf
+++ b/examples/hello-mui/fonts/muiicons.ttf
--- a/examples/hello-mui/index.html
+++ b/examples/hello-mui/index.html
@@ -13,7 +13,7 @@
 	</head>
 	<body>
 		<header class="mui-bar mui-bar-nav">
-			<a id="info" class="mui-icon mui-icon-info mui-pull-right" style="color: #999;"></a>
+			<a id="info" class="mui-icon mui-icon-info-filled mui-pull-right" style="color: #999;"></a>
 			<h1 class="mui-title">Hello mui</h1>
 		</header>
 		<script>

--- a/examples/hello-mui/js/mui.min.js
+++ b/examples/hello-mui/js/mui.min.js
--- a/examples/hello-mui/list.html
+++ b/examples/hello-mui/list.html
@@ -11,7 +11,7 @@
 		<script src="js/mui.min.js"></script>
 		<script src="js/app.js"></script>
 		<style type="text/css">
-			#demos {
+			#list {
 				/*避免导航边框和列表背景边框重叠，看起来像两条边框似得；*/
 				margin-top: -1px;
 			}
@@ -120,11 +120,11 @@
 								左右滑动分页样式
 							</a>
 						</li>
-						<li class="mui-table-view-cell">
+						<!--<li class="mui-table-view-cell">
 							<a class="mui-navigate-right" href="examples/oa-grid.html">
 								高度自适应示例
 							</a>
-						</li>
+						</li>-->
 					</ul>
 				</li>
@@ -518,25 +518,26 @@
 				$('#list').on('expand', '.mui-collapse', function(e) {
 					count = 0;
 					$('.mui-table-view a', this).each(function() {
 						var url = this.getAttribute("href");
-						//单独处理侧滑导航的index
+						if (~url.indexOf('.html')) {
-						if(~url.indexOf('offcanvas-')){
+							//单独处理侧滑导航的index
-							$.createWindow({
+							if(~url.indexOf('offcanvas-')){
-								url: url,
+								$.createWindow({
-								styles:{
+									url: url,
-									zindex:9999
+									styles:{
-								},
+										zindex:9999
-								preload: true
+									},
-							});
+									preload: true
-						}else{
+								});
-							$.createWindow({
+							}else{
-								url: url,
+								$.createWindow({
-								preload: true
+									url: url,
-							});
+									preload: true
-						}
+								});
+							}
-						if(++count>=limit){
+							if(++count>=limit){
 							 return false;
+							}
 						}
 					});
 				});