Amoy2
/
sr-iHealthApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
							<!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 rel="stylesheet" type="text/css" href="../../../common/iconfont/iconfont.css" />
		<link rel="stylesheet" href="../../../common/cross/css/cross.css" type="text/css" />
		<style>
			.mui-bar-tab .mui-tab-item .mui-icon.icon1{width: 30px;height: 30px;background: url(../images/shouye_btn.png) no-repeat center top;background-size: 30px;top:-5px}
			.mui-bar-tab .mui-tab-item .mui-icon.icon2{width: 30px;height: 30px;background: url(../images/juming_btn.png) no-repeat center top;background-size: 30px;top:-5px}
			.mui-bar-tab .mui-tab-item .mui-icon.icon3{width: 30px;height: 30px;background: url(../images/tuandui_btn.png) no-repeat center top;background-size: 30px;top:-5px}
			.mui-bar-tab .mui-tab-item .mui-icon.icon4{width: 30px;height: 30px;background: url(../images/xiaoxi_btn.png) no-repeat center top;background-size: 30px;top:-5px}
			.mui-bar-tab .mui-tab-item .mui-icon.icon5{width: 30px;height: 30px;background: url(../images/wode_btn.png) no-repeat center top;background-size: 30px;top:-5px}
			.mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label{font-size: 10px;position: absolute;left: 50%;top: 50%;margin-left: -12px;margin-top: 7px;}
			.mui-bar-tab .mui-tab-item.mui-active .mui-tab-label{color: #17b3ec;}
			.mui-bar-tab .mui-tab-item.mui-active .mui-icon.icon1{width: 30px;height: 30px;background: url(../images/shouye_pre.png) no-repeat center top;background-size: 30px;top:-5px}
			.mui-bar-tab .mui-tab-item.mui-active .mui-icon.icon2{width: 30px;height: 30px;background: url(../images/juming_pre.png) no-repeat center top;background-size: 30px;top:-5px}
			.mui-bar-tab .mui-tab-item.mui-active .mui-icon.icon3{width: 30px;height: 30px;background: url(../images/tuandui_pre.png) no-repeat center top;background-size: 30px;top:-5px}
			.mui-bar-tab .mui-tab-item.mui-active .mui-icon.icon4{width: 30px;height: 30px;background: url(../images/xiaoxi_pre.png) no-repeat center top;background-size: 30px;top:-5px}
			.mui-bar-tab .mui-tab-item.mui-active .mui-icon.icon5{width: 30px;height: 30px;background: url(../images/wode_pre.png) no-repeat center top;background-size: 30px;top:-5px}
			.mui-bar-tab {
				background: #fff;
			}
		</style> 
	</head>

	<body>
		<div style="width:100%;border-top: 1px solid #e1e1e1;position: fixed;bottom:52px;background: #DCDCDC;z-index: 10000;"></div>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" data-src="home2.html">
				<span class="mui-icon iconfont icon1"></span>
				<span class="mui-tab-label">首 页</span>
			</a>
			<a class="mui-tab-item c-hide" data-src="huanzhe.html">
				<span class="mui-icon iconfont icon2"></span>
				<span class="mui-tab-label">居 民</span>
			</a>
			<a  class="mui-tab-item" style="display: none;" data-src="../../tuandui/html/tuandui.html">
				<span class="mui-icon iconfont icon3"></span>
				<span class="mui-tab-label">团 队</span>
			</a>
			<a class="mui-tab-item" data-src="xiaoxi.html">
				<span class="mui-icon iconfont icon4">
					<span id="point" style="position: absolute; color: red; line-height: 10px; font-size: 24px; left: 22px;display: none;">•</span>
				</span>
				<span class="mui-tab-label">消 息</span>
			</a>
			<a class="mui-tab-item" data-src="mine.html">
				<span class="mui-icon iconfont icon5">
					<span id="mine_point" style="position: absolute; color: red; line-height: 10px; font-size: 24px; left: 22px;display: none;">•</span>
				</span>
				<span class="mui-tab-label">我 的</span>
			</a>
		</nav>
	</body>
	
	<script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script src="../../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<!--<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>-->
	<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/im.client.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/main.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		mui.plusReady(function() {
			window.localStorage.removeItem("isLoginOut");
				
//			getTotalDate();
		});

//		function getTotalDate() {
//			sendPost("doctor/message/amount", {}, null, function(res) {
//				console.log(JSON.stringify(res));
//				if(res.status == 200) {
//					var healthIndex = res.data.healthIndex; //体征指标
//					var sign = res.data.sign; //签约
//					var consultTeam = res.data.consultTeam; //咨询
//					var total = healthIndex * 1 + sign * 1;
//					if(total != 0) {
//						$("#total").removeClass("c-hide");
//						$("#total").text(total);
//					} else {
//						$("#total").addClass("c-hide");
//					}
//				}
//			});
//		};

		window.addEventListener("mainupdate", function() {
			var count = $("#total").text();
			count--;
			if(count == 0) {
				$("#total").addClass("c-hide");
			} else {
				$("#total").text(count);
			}
		});

		window.addEventListener("mainActive", function() {
			var item = $(".mui-tab-item").get(1);
			mui.trigger(item, 'tap');
		});
		
		function refreshSta(count){
			var docType = parseInt(plus.storage.getItem("docType"));
			var qiehuan =  plus.webview.getWebviewById("qiehuan.html");
			if(qiehuan){
				mui.fire(qiehuan, 'refreshMsg', {type: docType, count: count});
			}
		}
		window.addEventListener("showPoint", function() {
			$("#point").css("color","red");
			$("#point").show();
			refreshSta(1);
		});
		window.addEventListener("showBluePoint", function(){
			$("#point").css("color","blue");
			$("#point").show(); 
            refreshSta(1);
        });
		window.addEventListener("hidePoint", function() {
			$("#point").hide();
			refreshSta(0);
		});
		
	
	</script>

</html>