微信小程序根据登录的角色加载不同底部tab

需求

通过不同角色登录进入,能够显示不同的内容,同时底部跳转tab也根据实际需求改变。

实现分析

原始底部tab:小程序的底部tab可以在app.json里进行设置,在其中配置的tab会直接体现在页面上,我们需要的是根据登录的角色加载不同tab,因此原始的tab配置不能直接使用,需要自定义底部tab。

自定义底部tab:自定义tab规则可参考微信小程序开发指南基础能力 / 自定义 tabBar (qq.com)

具体实现

1、在程序中增加自定义tab

基础能力 / 自定义 tabBar (qq.com)

2、页面中加载的tab为自定义tab的js文件中配置的,因此每次进入小程序时,改变该js中的配置即可得到不同的底部tab显示。

不同角色登录时进入程序加载不同tab思路:登录后拿到账户信息,确定角色---->根据角色修改自定义tab中的配置--->跳转到该对角色对应的主页。

注:所有需要在自定义tab中展示的底部tab,都要在app.json中配置后才能生效。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值