自己第一次采用mui开发APP,APP页面底部都会有导航栏,用以点击跳转页面,那么这个功能如何实现呢,采用了多种方法均不可行,多次尝试之后,发现如下方法可以,但注意的是:plus事件在pc端没有效果,必须真机测试才有效果。将mui自带的icon图片换成自己的,实现点击高亮显示的方法如下:
1.给.navbot .home {}设置自己需要的背景图片
2点击之后的高亮只需要在css里设置.mui-bar-tab .mui-tab-item.mui-active .home{}的背景图片
<nav class="mui-bar mui-bar-tab navbot" id="nav">
<a href="Home.html"class="mui-tab-item mui-active" id="defaultTab">
<span class="mui-icon home"></span>
<span class="mui-tab-label">首页</span>
</a>
<a href="Index1.html" class="mui-tab-item" id="index">
<span class="mui-icon loan"></span>
<span class="mui-tab-label">其它</span>
</a>
<