- 背景:从小程序诞生到现在做了几个小程序,但是关于tabbar一直是按照官方的方式走的。而且也认为作为一个即用即走的产品不应该复杂到要用到动态tabbar。但是经不住客户的压迫还是要办法。
- 客户需求是:两种用户类型,登录之后按照权限划分两套界面。
- 解决办法:抛弃官方的tabbar自己写两个tabbar分别放到需要不同tabbar的页面里,也可以封装成一个template供所有页面调用。使用方法例如:登录页发起网络请求之后,拿到用户权限,根据权限跳转到不同的页面,页面和tabbar一一对应就好了。
---------------下面的代码是一个简单的模版可以使用,请自己美化------------------
<view style="width:100%;height:100rpx; display:flex; flex-direction: row;justfy-content: center; border: 1rpx solid #eee; position: fixed; bottom:0; left:0;">
<view style="width: 49%;height:99rpx; text-align:center; line-height: 99rpx; border-right:1rpx solid #FFF;box-shadow: 1px 7px 6px #eee;color:#85C350" bindtap='handleQuestion'>问题</view>
<view style="width: 49%;height:99rpx; text-align:center; line-height: 99rpx;box-shadow: 1px 7px 6px #eee;" bindtap='handleComment'>评论</view>
</view>