微信小程序-动态修改顶部导航栏颜色、背景色

代码：

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

遇到坑：

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

1、frontColor是必填项；

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

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

 

参考资料：

微信小程序API：https://developers.weixin.qq.com/miniprogram/dev/api/ui/navigation-bar/wx.setNavigationBarColor.html

颜色16进制转换：https://www.w3school.com.cn/cssref/css_colors.asp