小程序动态TabBar

  • 背景:从小程序诞生到现在做了几个小程序,但是关于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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容