微信小程序中顶部导航栏全局切换

一、场景

微信小程序和企业微信小程序共用一个，从不同入口进入小程序显示不同的顶部导航栏

二、思路

1、app.json中全局设置只能写死一个，无法实现
2、app.js中直接使用wx.setNavigationBarColor不能全局生效，只能更改当前页面
3、每个页面都去做判断然后写wx.setNavigationBarColor不现实
4、app.js中全局监听页面的跳转，跳转一个页面执行一次wx.setNavigationBarColor从而达到期望效果

三、实现

    // app.js中通过wx.getSystemInfo判断小程序的环境，然后对应执行如下代码
  wx.onAppRoute(function (res) {
     wx.setNavigationBarColor({
        frontColor: '#000000', 
        backgroundColor: '#3a75c5'
     })
  })