小程序-界面：2导航栏

导航栏

• wx.showNavigationBarLoading  
• 在当前页面显示导航条加载动画
• 在小程序插件中使用时，只能在当前插件的页面中调用
• wx.setNavigationBarTitle 
• 动态设置当前页面的标题

• 在小程序插件中使用时，只能在当前插件的页面中调用
• wx.setNavigationBarColor

• 设置页面导航条颜色

• 在小程序插件中使用时，只能在当前插件的页面中调用

• wx.hideNavigationBarLoading

• 在当前页面隐藏导航条加载动画

• 在小程序插件中使用时，只能在当前插件的页面中调用

• wx.hideHomeButton
• 隐藏返回首页按钮。
• 微信7.0.7版本起，当用户打开的小程序最底层页面是非首页时，默认展示“返回首页”按钮，开发者可在页面 onShow 中调用 hideHomeButton 进行隐藏。

<button bindtap="btnClick1" type="primary">显示导航条加载动画</button>
<button bindtap="btnClick2" type="primary">隐藏导航条加载动画</button>
<button bindtap="btnClick3" type="primary">设置当前页面的标题</button>
<button bindtap="btnClick4" type="primary">设置页面导航条颜色</button>

/**
 * 导航条
 */
  btnClick1:function(){
    wx.showNavigationBarLoading()
  },
  btnClick2: function () {
    wx.hideNavigationBarLoading()
  },
  btnClick3: function () {
    wx.setNavigationBarTitle({
      title: '改变后的导航栏文字',
    })
  },
  btnClick4: function () {
    wx.setNavigationBarColor({
      frontColor: '#ffffff',
     backgroundColor: '#ffff00',
     animation: {
     duration: 400,
     timingFunc: 'easeIn'
  }
    })
  },