mui icon indicating copy to clipboard operation
mui copied to clipboard

tab bar的选项卡模式和侧滑menu菜单

Open XinHuaLuFang opened this issue 10 years ago • 2 comments
trafficstars

(说明:以前用的appcan,所以header代表头,content代表中间,footer代表底部) index.html中 //1.创建四个content mui.plusReady(function() { main = plus.webview.currentWebview(); for(var i=0; i<4; i++) { var sub = plus.webview.create(subpages[i], subpages[i], subpage_style); if(i == 0) { main.append(sub);//这里我取消了隐藏后三个webview的操作,因为看到html5plus的API中说明了“创建完成后需要调用show方法才能将Webview窗口显示出来”,这里原本是因为四个content页面中没有写keyEventBind{backbutton: false},点击返回按键时先执行刚才的webview.hide操作。 } } } //2.footer点击事件 mui('.mui-bar-tab').on('tap', 'a', function(e) { var targetTab = this.getAttribute('href'); if (targetTab == activeTab) { return; } title.innerHTML = this.querySelector('.mui-tab-label').innerHTML; plus.webview.show(targetTab); main.append(targetTab); plus.webview.hide(activeTab); activeTab = targetTab; }); //3.安卓返回按键 var first = null; mui.back = function() { if (showMenu) { closeMenu(); } else { //首次按键,提示‘再按一次退出应用’ if (!first) { first = new Date().getTime(); mui.toast('再按一次退出应用'); setTimeout(function() { first = null; }, 1000); } else { if (new Date().getTime() - first < 1000) { plus.runtime.quit(); } } } } 点击footer中第一个tab-item然后执行openMenu,header和content正常挪动,点击其他tab-item,执行openMenu后,只有header正常挪动,content不动,覆盖了menu,在整个过程中,footer始终在页面底部不动。

请问怎么样让其他content也正常挪动,底部也正常挪动?

XinHuaLuFang avatar Jan 08 '15 03:01 XinHuaLuFang

main.append(sub);后,sub会自动显示的,除非你手动先hide。你的问题应该就是所有的sub都处于显示状态导致无法正常切换

fxy060608 avatar Mar 07 '16 08:03 fxy060608

请问有tabbar的文档吗

wanlideid avatar Feb 21 '19 07:02 wanlideid