微信小程序自定义Tabbar,附详细源码
1、本次开发场景为使用uni-app框架开发微信小程序，需要根据用户权限定制底部菜单展示，因此需要自定义tabbar。小程序自定义组件主要分为两种实现方式：基于微信原生的自定义组件与开发者自主开发的自定义组件。
2、由于微信小程序自带的 Tabbar 功能比较单一，比如要做到中间是一个突出的圆形扫一扫按钮，就需要自定义 Tabbar 了。博主创建了一个 Tabbar 组件，自己写的样式，在需要用到的页面引入组件。 组件使用了 position： fixed 定位到底部，所以在用到组件的页面，需要给 page 加上 margin-bottom 样式。
3、在特定需求下，若无法利用微信小程序原生的tabbar功能，需自行构建与原生tabbar功能相匹配的组件。经过查阅大量资料和实践，总结出三种自制tabbar的方法，并分析每种方法的独特之处。首先，采用类navigator跳转方式实现。参考相关博文思路，创建了包含tabbar内容、逻辑、模板和样式的文件结构。
4、微信小程序底部菜单栏的创建过程。要创建底部菜单栏，首先创建好我们底部菜单栏需要跳转的页面，这里值演示2个，一个首页，一个我的。
5、首先打开微信开发工具，载入需要修改的小程序工程。然后打开app.json页面，在window下写下面的代码，先用color和selectedColor设置底部菜单点击前和点击后文字的颜色。然后在list中设置两个标签，其中使用pagePath和text填写一下点击跳转的路径和选项的名字。
6、设置导航栏导航栏TabBar如果我们的小程序是一个多tab应用（客户端窗口的底部或顶部有tab栏可以切换页面），那么我们可以通过tabBar配置项指定tab栏的表现，以及tab切换时显示的对应页面。
微信小程序组件及获取用户权限
功能需求：微信小程序需要获取某些权限才能实现特定的功能。例如，访问用户的地理位置信息、相册、摄像头等权限，以便小程序可以提供相关的定位服务、拍照或上传图片等功能。用户授权：微信小程序在首次访问时可能会请求一些权限，以便提供更好的用户体验。
微信小程序权限设置主要可以通过两种方式进行： **用户端设置**：打开微信小程序后，点击右下角的“我”进入个人中心，再选择“设置”选项。在“设置”页面中，可以看到关于小程序的所有权限设置。点击想要修改权限的选项，会弹出一个新的窗口，里面详细列出了该权限所能访问的所有功能。
使用wx.getUserInfo(Object object)，调用前需要 用户授权 scope.userInfo。