微信小程序写一个导航栏

微信小程序的导航栏可以使用 `navigator` 组件来实现。具体步骤如下：

1. 在 `app.json` 文件中定义导航栏的样式和配置，如下所示：

{
  "pages": [
    "pages/index/index",
    "pages/detail/detail"
  ],
  "window": {
    "navigationBarTitleText": "首页",
    "navigationBarTextStyle": "black",
    "navigationBarBackgroundColor": "#fff"
  }
}

其中，`navigationBarTitleText` 表示导航栏标题，`navigationBarTextStyle` 表示导航栏标题的颜色，`navigationBarBackgroundColor` 表示导航栏的背景色。

2. 在需要跳转的页面的 `wxml` 文件中使用 `navigator` 组件定义导航栏，如下所示：

<navigator url="../detail/detail" hover-class="navigator-hover">
  <view class="navigator-item">详情</view>
</navigator>

其中，`url` 属性表示跳转的页面路径，`hover-class` 属性表示鼠标悬浮时的样式，`navigator-item` 类表示导航栏的样式。

3. 在对应的跳转页面的 `app.json` 文件中定义导航栏样式和配置，如下所示：

{
  "navigationBarTitleText": "详情",
  "navigationBarTextStyle": "black",
  "navigationBarBackgroundColor": "#fff"
}

这样就可以实现一个简单的微信小程序导航栏了。你可以根据自己的需要对导航栏的样式和配置进行调整。