uni-app自定义tabBar

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app自定义tabBar相关的知识,希望对你有一定的参考价值。

参考技术A

一个项目有多个角色,比如医生和患者,tabBar跳转的路径不一样,但是在pages.json中无法配置多个tabBar,这时候就要自定义tabBar了

下面一个小小demo,场景是医生和患者端,一共四个不同的页面,分别是医生首页,患者首页,医生我的页面,患者我的页面,tabbar要求根据不同的角色跳转到对应的路径

医生端:

患者端:

我的页面:

以上是关于uni-app自定义tabBar的主要内容,如果未能解决你的问题,请参考以下文章

uni-app中自定义动态底部tabbar(附示例源码)

uni-app如何用uView自定义底部导航

uni-app之tabBar的自己配置

uni-app tabbar页面遮罩层遮不住tabbar问题解决

小程序自定义tabbar闪动问题

uni-app添加自定义底部导航栏,实现根据权限动态切换底部栏目的功能