小程序開發-頁面導航欄navigation-bar組件

導航欄navigation-bar

頁面導航條配置節點，用於指定導航欄的一些屬性。只能是 page-meta 組件內的第一個節點，需要配合它一同使用。

通過這個節點可以獲得類似於調用 wx.setNavigationBarTitle wx.setNavigationBarColor 等接口調用的效果。

如果配合page-meta組件一起使用的話，可以參考官方文檔

需要把navigation-bar作為page-meta的第一個節點，而且page-meta作為頁面的第一個節點

<page-meta
  background-text-style="{{bgTextStyle}}"
  background-color="{{bgColor}}"
  background-color-top="{{bgColorTop}}"
  background-color-bottom="{{bgColorBottom}}"
  scroll-top="{{scrollTop}}"
  page-style="color: green"
  root-font-size="16px"
>
  <navigation-bar
    title="{{nbTitle}}"
    loading="{{nbLoading}}"
    front-color="{{nbFrontColor}}"
    background-color="{{nbBackgroundColor}}"
  />
</page-meta>

最終效果如下：