# wx.setNavigationBarColor(Object object)

> 基础库 1.4.0 开始支持，低版本需做[兼容处理](1003706)。

> __以 [Promise 风格](/miniprogram/dev/framework/app-service/api.md#异步-API-返回-Promise) 调用__：支持
> 
> __需要页面权限__：当前是插件页面时，宿主小程序不能调用该接口，反之亦然
> 
> __小程序插件__：支持，需要小程序基础库版本不低于 [2.1.0](1003706)
> 
>   在小程序插件中使用时，只能在当前插件的页面中调用
> 
> __微信 Windows 版__：支持
> 
> __微信 Mac 版__：支持
> 
> __微信 鸿蒙 OS 版__：支持

## 功能描述

设置页面导航条颜色

## 参数

### Object object


```json
[
  {
    "属性": "frontColor",
    "类型": "string",
    "默认值": "",
    "必填": "是",
    "说明": "前景颜色值，包括按钮、标题、状态栏的颜色，仅支持 #ffffff 和 #000000"
  },
  {
    "属性": "backgroundColor",
    "类型": "string",
    "默认值": "",
    "必填": "是",
    "说明": "背景颜色值，有效值为十六进制颜色"
  },
  {
    "属性": "animation",
    "类型": "Object",
    "默认值": "",
    "必填": "否",
    "说明": "动画效果",
    "子项": [
      {
        "结构属性": "duration",
        "类型": "number",
        "默认值": "0",
        "必填": "否",
        "说明": "动画变化时间，单位 ms"
      },
      {
        "结构属性": "timingFunc",
        "类型": "string",
        "默认值": "'linear'",
        "必填": "否",
        "说明": "动画变化方式",
        "子项": [
          {
            "合法值": "'linear'",
            "说明": "动画从头到尾的速度是相同的"
          },
          {
            "合法值": "'easeIn'",
            "说明": "动画以低速开始"
          },
          {
            "合法值": "'easeOut'",
            "说明": "动画以低速结束"
          },
          {
            "合法值": "'easeInOut'",
            "说明": "动画以低速开始和结束"
          }
        ]
      }
    ]
  },
  {
    "属性": "success",
    "类型": "function",
    "默认值": "",
    "必填": "否",
    "说明": "接口调用成功的回调函数"
  },
  {
    "属性": "fail",
    "类型": "function",
    "默认值": "",
    "必填": "否",
    "说明": "接口调用失败的回调函数"
  },
  {
    "属性": "complete",
    "类型": "function",
    "默认值": "",
    "必填": "否",
    "说明": "接口调用结束的回调函数（调用成功、失败都会执行）"
  }
]
```

## 示例代码

```javascript

wx.setNavigationBarColor({
  frontColor: '#ffffff',
  backgroundColor: '#ff0000',
  animation: {
    duration: 400,
    timingFunc: 'easeIn'
  }
})

```