效果:(菜单中间的那个图标比较大,需要凸显出来)
设置菜单层级和样式
mui.init({
subpages:[{
url:'nav.html',
id:'nav.html',
styles:{
zindex:"90",
width:"100%",
height:"70px",
bottom:"0px",//默认为0px,可不定义;
background:"transparent"
}
}]
});
var subpages = ['bf.html', 'straight.html', 'find.html', 'expert.html', 'person.html'];
var subpage_style = {
zindex:"20",
top: '0px',
bottom: '50px'
};
点击菜单切换的代码
for(var i=0;i<subpages.length;i++){
if(subpages[i]==targetTab){
plus.webview.show(subpages[i]);
plus.webview.show('nav.html');
}else{
plus.webview.hide(subpages[i]);
}
}
注意:这个plus.webview.show('nav.html');一定要加上去(原因:在ios上面,plus.webview.show()这个方法会默认把这个层显示在最上面)