uni-app隐藏某项tabbar-已解决

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 16:09   10679   0

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

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

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP