微信小程序-动态修改顶部导航栏颜色、背景色、标题-前端-E先生的博客

wx代码：

 wx.setNavigationBarTitle({
      title: '个人中心'
    })
    wx.setNavigationBarColor({
      frontColor: '#ffffff', // 必写项【该字体颜色仅支持 #ffffff 和 #000000 】
      backgroundColor: '#25BDCE', // 传递的颜色值【仅支持有效值为十六进制颜色】
      animation: { // 可选项
        duration: 4000,
        timingFunc: 'easeIn'
      }
    })

uni代码：

 uni.setNavigationBarTitle({
      title: '个人中心'
    })
    uni.setNavigationBarColor({
      frontColor: '#ffffff', // 必写项【该字体颜色仅支持 #ffffff 和 #000000 】
      backgroundColor: '#25BDCE', // 传递的颜色值【仅支持有效值为十六进制颜色】
      animation: { // 可选项
        duration: 4000,
        timingFunc: 'easeIn'
      }
    })

遇到坑：

设置导航栏背景颜色不起作用，原因：

1、frontColor是必填项；

2、设置frontColor设置成#313233，frontColor仅支持#ffffff和#000000这两个颜色；

3、backgroundColor仅支持16进制，不支持其它格式