首先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赋值

这样外观和功能也可以达到,不过有瑕疵。

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐