微信小程序如何配置导航栏的标题和颜色

在微信小程序中，配置导航栏的标题和颜色可以通过`navigator`组件来实现。以下是设置步骤：

1. **标题设置**：
- 在需要改变导航栏标题的页面的`wxml`文件中，添加`navigator`标签，例如：

   <navigator header="{{headerTitle}}" url="/pages/index/index">
     <!-- 页面内容 -->
   </navigator>

- 然后在对应的`js`文件中，通过`setData`方法更新`headerTitle`的值，如：

   Page({
       data: {
           headerTitle: '首页', // 初始标题
       },
       onReady() {
           this.setData({
               headerTitle: '新的标题' // 修改标题
           });
       }
   })

2. **颜色设置**：
- 微信小程序默认的导航栏有几种预设样式，包括白色、黑色等，如果你想要自定义颜色，可以使用全局变量`wxss`或者主题色方案。然而，导航栏标题的文字颜色通常受系统约束，不容易直接更改。
- 如果要在iOS和Android都保持一致的背景效果，建议调整全局CSS，设置`window`对象的`navigationBarBackgroundColor`属性，例如：

   wx.setStorageSync('window', {
       navigationBarBackgroundColor: '#FF0000', // 自定义颜色，红框背景
   });

注意：微信小程序对部分样式有一定限制，实际操作可能受限于微信官方文档的要求。