需求
通过不同角色登录进入,能够显示不同的内容,同时底部跳转tab也根据实际需求改变。
实现分析
原始底部tab:小程序的底部tab可以在app.json里进行设置,在其中配置的tab会直接体现在页面上,我们需要的是根据登录的角色加载不同tab,因此原始的tab配置不能直接使用,需要自定义底部tab。
自定义底部tab:自定义tab规则可参考微信小程序开发指南基础能力 / 自定义 tabBar (qq.com)
具体实现
1、在程序中增加自定义tab
2、页面中加载的tab为自定义tab的js文件中配置的,因此每次进入小程序时,改变该js中的配置即可得到不同的底部tab显示。
不同角色登录时进入程序加载不同tab思路:登录后拿到账户信息,确定角色---->根据角色修改自定义tab中的配置--->跳转到该对角色对应的主页。
注:所有需要在自定义tab中展示的底部tab,都要在app.json中配置后才能生效。