wcheng81
/
LSQZrzyAPP


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
							<!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 href="css/app.css" rel="stylesheet" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>
	<body>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="pages/task-home.html">
				<span class="mui-icon app-icon app-icon-main-task"></span>
				<span class="mui-tab-label">主页</span>
			</a>
			<a class="mui-tab-item" href="pages/map.html">
				<span class="mui-icon app-icon app-icon-main-map"></span>
				<span class="mui-tab-label">二维地图</span>
			</a>
			<a class="mui-tab-item" href="pages/map3D.html">
				<span class="mui-icon app-icon app-icon-main-map"></span>
				<span class="mui-tab-label">三维地图</span>
			</a>
			<a class="mui-tab-item" href="pages/map.html">
				<span class="mui-icon app-icon app-icon-main-address"></span>
				<span class="mui-tab-label">通讯录</span>
			</a>
			<a class="mui-tab-item" href="pages/map.html">
				<span class="mui-icon app-icon app-icon-main-set"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
	</body>
	<!-- 引入mui脚本 -->
	<script src="js/mui.min.js"></script>
	<!-- 引入通用脚本 -->
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
		//mui初始化
		mui.init();
		var subpages = ['pages/task-home.html', 'pages/map.html',
			'pages/map3D.html'
		];
		var subpage_style = {
			top: '0px',
			bottom: '51px'
		};
		var aniShow = {};
		//当前激活选项
		var activeTab = null;
		//创建子页面，首个选项卡页面显示，其它均隐藏；
		mui.plusReady(function() {
			activeTab = subpages[0];
			var self = plus.webview.currentWebview();
			//预加载子页面 并隐藏
			for (var i = 0; i < subpages.length; i++) {
				var temp = {};
				var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);
				sub.hide();
				self.append(sub);
			}
			//显示第一个子页面
			plus.webview.show(activeTab);
		});

		//选项卡点击事件
		mui('.mui-bar-tab').on('tap', 'a', function(e) {
			var targetTab = this.getAttribute('href');
			if (targetTab == activeTab) {
				return;
			}
			//若为iOS平台或非首次显示，则直接显示
			if (mui.os.ios || aniShow[targetTab]) {
				plus.webview.show(targetTab);
			} else {
				//否则，使用fade-in动画，且保存变量
				var temp = {};
				temp[targetTab] = "true";
				mui.extend(aniShow, temp);
				plus.webview.show(targetTab, "fade-in", 300);
			}
			//隐藏当前;
			plus.webview.hide(activeTab);
			//更改当前活跃的选项卡
			activeTab = targetTab;
		});

		function showMapAndLocation(longitude, latitude) {
			alert(longitude + "," + latitude);
			var targetTab = "pages/map.html";
			plus.webview.show(targetTab, "fade-in", 300);
			//隐藏当前;
			plus.webview.hide(activeTab);
			//更改当前活跃的选项卡
			activeTab = targetTab;
		}
	</script>
</html>