uni-app设置导航栏按钮的背景色

要设置 uni-app 导航栏按钮的背景色，需要在页面配置文件（如：vue 文件）中的 `navigationBarBackgroundColor` 属性中设置背景色。例如：

<template>
  <view>
    <button class="btn" type="primary" @click="handleClick">点击</button>
  </view>
</template>

<script>
export default {
  methods: {
    handleClick() {
      // 按钮点击事件
    }
  },
  onNavigationBarButtonTap() {
    // 右侧按钮点击事件
  },
  onNavigationBarButtonShow() {
    // 右侧按钮显示事件
  },
  onNavigationBarButtonHide() {
    // 右侧按钮隐藏事件
  }
}
</script>

<style>
.btn {
  background-color: #ff0000;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  padding: 16rpx 20rpx;
}
</style>

<custom-navigation-bar title="标题" background-color="#ffffff" border-color="#f0f0f0" navigation-bar-button-position="right">
  <view slot="right">
    <button class="btn" type="primary" @click="handleClick">点击</button>
  </view>
</custom-navigation-bar>

在 `<custom-navigation-bar>` 标签中，将 `navigation-bar-button-position` 属性设置为 `right`，然后将右侧按钮的代码放在 `<view slot="right">` 标签中，即可实现在右侧显示按钮，并设置背景色为红色。