微信小程序导航栏

在微信小程序中，导航栏通常指的是顶部的标题栏，它包括了页面的标题、左侧的返回按钮或自定义按钮以及右侧的操作按钮。微信小程序的导航栏可以通过 `navigationBar` 相关的配置来实现。

### 基本配置

1. **全局配置（app.json）**

在小程序的全局配置文件 `app.json` 中可以配置所有页面的默认导航栏样式和行为。示例：

```json
{
  "pages": [
    "pages/index/index",
    "pages/detail/detail"
  ],
  "window": {
    "navigationBarTitleText": "微信小程序",
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black"
  }
}
```

- `navigationBarTitleText`：指定导航栏标题文字内容。
- `navigationBarBackgroundColor`：指定导航栏的背景色。
- `navigationBarTextStyle`：指定导航栏标题的颜色，支持 `black` 和 `white`。

2. **页面配置（Page 配置）**

每个页面也可以单独配置导航栏的样式和行为，优先级高于全局配置。在每个页面的配置中可以设置导航栏的样式、标题等。

```json
{
  "navigationBarTitleText": "页面标题",
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black"
}
```

### 功能按钮

在导航栏右侧可以放置功能按钮，比如分享、设置等。

```json
{
  "navigationBarTitleText": "页面标题",
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "enablePullDownRefresh": true, // 允许下拉刷新
  "usingComponents": { // 引用组件
    "referenceComponent": "/components/component"
  }