navigation-bar

页面导航条配置节点，用于指定导航栏的一些属性。
只能是 page-meta 组件内的第一个节点，需要配合它一同使用。

平台差异说明

从HBuilderX 2.9.3起，编译到所有平台均支持navigation-bar，但编译到微信时，受微信基础库版本限制；编译到其他平台不受平台版本限制。

属性说明

属性说明 /collocation/pages?id=app-titlenview

注意

• navigation-bar 目前支持的配置仅为上表所列，并不支持 page.json 中关于导航栏的所有配置
• navigation-bar 与 pages.json 的设置相冲突时，会覆盖 page.json 的配置

  示例代码

  <template>
  <page-meta>
    <navigation-bar
      :title="nbTitle"
      :titleIcon="titleIcon"
      :title-icon-radius="titleIconRadius"
      :subtitleText="subtitleText"
      :subtitle-color="nbFrontColor"
      :loading="nbLoading"
      :front-color="nbFrontColor"
      :background-color="nbBackgroundColor"
      :color-animation-duration="2000"
      color-animation-timing-func="easeIn"
    />
  </page-meta>
  <view class="content">
  </view>
  </template>
  <script>
  export default {
    data() {
      return {
        nbTitle: '标题',
        titleIcon: '/static/logo.png',
        titleIconRadius: '20px',
        subtitleText: 'subtitleText',
        nbLoading: false,
        nbFrontColor: '#000000',
        nbBackgroundColor: '#ffffff'
      }
    },
    onLoad() {
    },
    methods: {
    }
  }
  </script>