From b2b87c311ca4b015e521fa46a3133b1280c1ad6a Mon Sep 17 00:00:00 2001
From: taoyimin <1103995288@qq.com>
Date: Sun, 5 May 2019 14:41:44 +0800
Subject: [PATCH] regular update

---
 index.html                                    | 79 ++++++++-----------
 manifest.json                                 |  4 +-
 views/main/main.html                          |  1 -
 .../application.html => message/message.html} |  0
 views/message/message_list.html               | 19 -----
 views/mine/mine.html                          |  1 -
 6 files changed, 34 insertions(+), 70 deletions(-)
 rename views/{application/application.html => message/message.html} (100%)
 delete mode 100644 views/message/message_list.html
diff --git a/index.html b/index.html
index 57fbe28..4ece460 100644
--- a/index.html
+++ b/index.html
@@ -5,12 +5,14 @@
 		<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>
-		<script type="text/javascript" src="js/vue.min.js" ></script>
+		<script type="text/javascript" src="js/mui.min.js"></script>
+		<script type="text/javascript" src="js/vue.min.js"></script>
 		<link href="css/mui.min.css" rel="stylesheet" />
-		<script type="text/javascript" charset="utf-8">
-			mui.init();
-		</script>
+		<style>
+			* {
+				touch-action: pan-y;
+			}
+		</style>
 	</head>
 
 	<body id='html_body'>
@@ -33,9 +35,7 @@ <h1 class="mui-title" style="color: #FFFFFF;" id="title">首页</h1>
 		</nav>
 	</body>
 	<script>
-		var subpages = ['views/main/main.html', 'views/message/message_list.html', 'views/mine/mine.html'];
-		//mui初始化
-		mui.init();
+		var subpages = ['views/main/main.html', 'views/message/message.html', 'views/mine/mine.html'];
 
 		var subpage_style = {
 			top: '44px',
@@ -43,19 +43,20 @@ <h1 class="mui-title" style="color: #FFFFFF;" id="title">首页</h1>
 		};
 
 		var aniShow = {};
-		
+
 		var vm = new Vue({
-				el: '#bottom_tab',
-				data: {
-					currentIndex: 0,
-					subpages: subpages
-				}
+			el: '#bottom_tab',
+			data: {
+				subpages: subpages
+			}
 		});
+		//mui初始化
+		mui.init();
 
 		//创建子页面，首个选项卡页面显示，其它均隐藏；
 		mui.plusReady(function() {
 			var self = plus.webview.currentWebview();
-			for(var i = 0; i < subpages.length; i++) {
+			for(var i = 0; i < 4; i++) {
 				var temp = {};
 				var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);
 				if(i > 0) {
@@ -65,26 +66,11 @@ <h1 class="mui-title" style="color: #FFFFFF;" id="title">首页</h1>
 					mui.extend(aniShow, temp);
 				}
 				self.append(sub);
-			};
+			}
 			//改变状态栏颜色
 			plus.navigator.setStatusBarStyle("UIStatusBarStyleBlackOpaque");
-			plus.navigator.setStatusBarBackground('#2cc971'); //设置状态栏的颜色
+			plus.navigator.setStatusBarBackground('#2cc971');
 		});
-
-		var first = null;
-		mui.back = function() {
-			if(!first) {
-				first = new Date().getTime();
-				mui.toast('再按一次退出系统!');
-				setTimeout(function() {
-					first = null;
-				}, 2000);
-			} else {
-				if(new Date().getTime() - first < 2000) {
-					plus.runtime.quit();
-				}
-			}
-		};
 		//当前激活选项
 		var activeTab = subpages[0];
 		var title = document.getElementById("title");
@@ -107,27 +93,26 @@ <h1 class="mui-title" style="color: #FFFFFF;" id="title">首页</h1>
 				mui.extend(aniShow, temp);
 				plus.webview.show(targetTab, "fade-in", 300);
 			}
-
-			mui.fire(plus.webview.getWebviewById(activeTab), "unSelected", null);
-
 			//隐藏当前;
 			plus.webview.hide(activeTab);
 			//更改当前活跃的选项卡
 			activeTab = targetTab;
-			mui.fire(plus.webview.getWebviewById(activeTab), "selected", null);
 		});
-		//自定义事件，模拟点击“首页选项卡”
-		document.addEventListener('gohome', function() {
-			var defaultTab = document.getElementById("defaultTab");
-			//模拟首页点击
-			mui.trigger(defaultTab, 'tap');
-			//切换选项卡高亮
-			var current = document.querySelector(".mui-bar-tab>.mui-tab-item.mui-active");
-			if(defaultTab !== current) {
-				current.classList.remove('mui-active');
-				defaultTab.classList.add('mui-active');
+
+		var first = null;
+		mui.back = function() {
+			if(!first) {
+				first = new Date().getTime();
+				mui.toast('再按一次退出系统!');
+				setTimeout(function() {
+					first = null;
+				}, 2000);
+			} else {
+				if(new Date().getTime() - first < 2000) {
+					plus.runtime.quit();
+				}
 			}
-		});
+		};
 	</script>
 
 </html>
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
index c462a8b..8836e78 100644
--- a/manifest.json
+++ b/manifest.json
@@ -133,8 +133,8 @@
 					"views/main/main.html"
 				],
 				"refer": [
-					"views/message/message_list.html",
-					"views/mine/mine.html"
+					"views/mine/mine.html",
+					"views/message/message.html"
 				],
 				"priority": 0
 			}
diff --git a/views/main/main.html b/views/main/main.html
index cacb4a2..f8a1fc3 100644
--- a/views/main/main.html
+++ b/views/main/main.html
@@ -9,7 +9,6 @@
 	</head>
 
 	<body>
-		<div>首页</div>
 		<script src="../../js/mui.min.js"></script>
 		<script type="text/javascript">
 			mui.init()
diff --git a/views/application/application.html b/views/message/message.html
similarity index 100%
rename from views/application/application.html
rename to views/message/message.html
diff --git a/views/message/message_list.html b/views/message/message_list.html
deleted file mode 100644
index c42965d..0000000
--- a/views/message/message_list.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<!doctype html>
-<html>
-
-	<head>
-		<meta charset="UTF-8">
-		<title></title>
-		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
-		<link href="../../css/mui.min.css" rel="stylesheet" />
-	</head>
-
-	<body>
-		<div>消息</div>
-		<script src="../../js/mui.min.js"></script>
-		<script type="text/javascript">
-			mui.init()
-		</script>
-	</body>
-
-</html>
\ No newline at end of file
diff --git a/views/mine/mine.html b/views/mine/mine.html
index 658c2d0..f8a1fc3 100644
--- a/views/mine/mine.html
+++ b/views/mine/mine.html
@@ -9,7 +9,6 @@
 	</head>
 
 	<body>
-		<div>我的</div>
 		<script src="../../js/mui.min.js"></script>
 		<script type="text/javascript">
 			mui.init()
