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

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

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

 

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值