uni-app隐藏某项tabbar-已解决
首先Uni-app不支持增删某项tabbar,所以增删效果只能用自定义组件。这个方法使用于 tabbar的不同角色的菜单一样多或者相差两项。比如一个菜单3项,一个菜单五项。或者24 。以五项和三项局里。A角色有五个菜单,B角色有三个菜单。在page.json中设置tabBar的list为含五个空项的list即[{}],{},{},{},{}],如果是五项,则用uni.setTabBarItem分别
·
首先Uni-app不支持增删某项tabbar,所以增删效果只能用自定义组件。
菜单一样多或者相差两项。
比如一个菜单3项,一个菜单五项。或者24 。
以五项和三项举例。
A角色有五个菜单,B角色有三个菜单。
在page.json中设置tabBar的list为含五个空项的list即
[{},{},{},{},{}],
如果是五项,则用uni.setTabBarItem分别设置这5项的信息,如果是三项,则设置第1,3,5项的信息,24不设置,这样的效果看起来也是一个space-between的效果。外观和功能都达到了效果。
如果菜单相差单项,以 3, 4为例。
tabbar设置list为7项空的obj
3项的时候给第 0 3 6项赋值
4项的时候给0 2 4 6赋值
这样外观和功能也可以达到,不过有瑕疵。
更多推荐
已为社区贡献2条内容
所有评论(0)