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
42 lines
1.5 KiB
2 years ago
|
|
||
|
|
<%@ 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>
|