物联网平台 +Web 组态
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

42 lines
1.5 KiB

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<div class="weui-tabbar">
<a href="javascript:;" class="weui-tabbar__item weui-bar__item--on">
<div class="weui-tabbar__icon" url="<%=basePath%>/service/wiot/scene">
<img src="<%=basePath%>/image/wechat/iot/data.png" alt="">
<img src="<%=basePath%>/image/wechat/iot/data_active.png" class="active" alt="">
</div>
<p class="weui-tabbar__label">项目管理</p>
</a>
<a href="javascript:;" class="weui-tabbar__item">
<div class="weui-tabbar__icon" url="<%=basePath%>/service/wiot/alarm">
<img src="<%=basePath%>/image/wechat/iot/alarm.png" alt="">
<img src="<%=basePath%>/image/wechat/iot/alarm_active.png" class="active" alt="">
</div>
<p class="weui-tabbar__label">报警信息</p>
</a>
<a href="javascript:;" class="weui-tabbar__item">
<div class="weui-tabbar__icon" url="<%=basePath%>/service/wiot/user">
<img src="<%=basePath%>/image/wechat/iot/user.png" alt="">
<img src="<%=basePath%>/image/wechat/iot/user_active.png" class="active" alt="">
</div>
<p class="weui-tabbar__label">个人中心</p>
</a>
</div>
<script type="text/javascript">
$(".weui-tabbar .weui-tabbar__icon").click(function(){
if( $(this).hasClass("active") ){
window.location.href = $(this).attr("url") ;
return ;
}else{
window.location.href = $(this).attr("url") ;
$(".weui-tabbar .weui-tabbar__icon").removeClass("active");
$(this).addClass("active");
}
})
</script>