uniapp自定义头部导航样式

要改变 uni-app 头部导航栏右侧按钮的颜色，您可以使用 `uni.setNavigationBarColor` 方法来实现。以下是具体的步骤：

1. 在页面中调用 `uni.setNavigationBarColor` 方法

在需要改变导航栏右侧按钮颜色的页面的 `onLoad` 或 `onReady` 生命周期函数中调用 `uni.setNavigationBarColor` 方法。例如：

onLoad() {
  uni.setNavigationBarColor({
    frontColor: '#ffffff', // 前景颜色，包括按钮、标题、状态栏的颜色
    backgroundColor: '#000000', // 背景颜色
    animation: {
      duration: 400, // 动画持续时间
      timingFunc: 'easeIn' // 动画效果
    }
  });
}

请根据您的需求修改 `frontColor` 和 `backgroundColor` 的值，以调整按钮和背景的颜色。

2. 配置页面的导航栏样式

为了确保按钮颜色的变化能够生效，您还需要在页面的 `json` 配置文件中设置导航栏样式。在 `pages/your-page/your-page.json` 文件中添加以下内容：

{
  "navigationStyle": "custom"
}

这将使页面的导航栏样式变为自定义样式，以适应按钮颜色的变化。

通过以上步骤，您可以改变 uni-app 头部导航栏右侧按钮的颜色。