yf_zd
/
commonApp


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
							<!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" />
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<style type="text/css">
			.mui-content {
				background: #fff;
			}
			.mui-segmented-control {
				border: none;
			}
			
			.mui-segmented-control .mui-control-item {
				border-left: none;
				color: #333;
			}
			
			.mui-segmented-control .mui-control-item.mui-active {
				color: #333;
				background: transparent;
				border-bottom: 2px solid #007AFF;
			}
		</style>
	</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">预警范围设置</h1>
		</header>
		<div class="mui-content">
			<div id="segmentedControl" class="mui-segmented-control">
				<a class="mui-control-item mui-active" data-id='0'>杀虫灯</a>
				<a class="mui-control-item" data-id="1">虫情测报</a>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init({
				subpages: [{ //下边是初始化，然后这个页面显示我们将插入的页面
					url: "cbd.html",
					id: "cbd",
					styles: {
						top: "84px",
						bottom: "0px"
					}
				}, { //下边是初始化，然后这个页面显示我们将插入的页面
					url: "scd.html",
					id: "scd",
					styles: {
						top: "84px",
						bottom: "0px"
					}
				}]
			});
			mui.plusReady(function() {
				mui('#segmentedControl').on('tap', 'a', function() {
					if(this.getAttribute('data-id') == "0") {
						plus.webview.getWebviewById("scd").show();
					} else {
						plus.webview.getWebviewById("cbd").show();
					}
				})

			})
		</script>
	</body>

</html>