参照微信小程序官方文档， 自定义tabbar ，但该文档只是实现了自定义tabbar，没有实现不同角色不同的tabbar，且官方文档中的custombabbar组件中的setData方法存在在真机上不能重新渲染的bug，可能是由于缓存造成的本项目。

1首先打开微信开发工具，载入需要修改的小程序工程2然后打开appjson页面，在window下写下面的代码，先用color和selectedColor设置底部菜单点击前和点击后文字的颜色3然后在list中设置两个标签，其中使用pagePath和text。

需求由于iphonex及之后的机型底部有一根横线，导致tabbar比原来提升了一段高度根据底部tabbar提升的高度，计算出页面需要在底部给整个tabbar留出的位置高度PS微信开发者工具iphonex与实际真机测试效果不同，底部并没有底部。

最近做项目的时候，突然来了个小特殊的需求，根据客户的类型来动态显示底部的tabBar菜单当时我就有点小懵逼了，这个不是小程序自带的组件么还要做成动态这就有点尴尬了不过也只是一时尴尬而已，然后我就展开了搜索。

2还有官网说的不能跳tabbar页面的方法是真的不能跳，用了会报错，跳不了 3页面栈是记录除tabbar之外的页面的跳转，一到tabbar就会清空页面栈，一般从tabbar往非tabbar走只会用到3，4个页面栈的层级 4微信小程序页面。

这个是小程序自身问题目前还没有得到官方解决可以自己写tabBar代替原生的tabBar获取微信小程序的AppID首先，我们需要拥有一个帐号，如果你能看到该文档，我们应当已经邀请并为你创建好一个帐号注意不可直接使用服务号或订阅号。

制作的icon要在50*50px以内红色， 小程序导航icon周围系统自留了空间蓝色，此处的小房子icon是34*39px 微信小程序，简称小程序，英文名MiniProgram，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”。

百度和Google查了一番，都只查到用添加类的方式，但是不满足需求，因为类里面的颜色都是写死的，我是想要样式动态，最后无奈想到全局变量的方式解决切换主题 具体实现在appjs文件中将小程序主题加载完成改变tabbar我这里只。

以下内容来自微信官方公布的小程序开发指南本文档将带你一步步创建完成一个微信小程序，并可以在手机上体验该小程序的实际效果这个小程序的首页将会显示欢迎语以及当前用户的微信头像，点击头像，可以在新开的页面中查看当前小程序的。