Skip to content

導航欄

setNavigationBarTitle

TIP

該API使用方法為: wx.setNavigationBarTitle(Object object)

  • 功能說明: 動態設定當前頁面的標題。
  • 參數及說明: Object object
内容類型預設值必填說明
titlestring-頁面標題
successFunction-接口調用成功的回呼函數
failFunction-接口調用失敗的回呼函數
completeFunction-接口調用結束的回呼函數(無論成功與否都執行)
js
wx.setNavigationBarTitle({
  title: 'current page'
})

setNavigationBarColor

TIP

該API使用方法為: wx.setNavigationBarColor(Object object)

  • 功能說明: 設定頁面導航條顏色。
  • 參數及說明: Object object
内容類型預設值必填說明
frontColorstring-前景顏色值,包括按鈕、標題、狀態列的顏色,僅支持#ffffff和#000000
backgroundColorstring-背景顏色值,有效值為十六進位顏色
animationobject-動畫效果
successFunction-接口調用成功的回呼函數
failFunction-接口調用失敗的回呼函數
completeFunction-接口調用結束的回呼函數(無論成功與否都執行)
  • object.animation的結構内容
内容類型預設值必填說明
durationnumber0動畫變化時間,單位ms
timingFuncstring'linear'動畫變化管道
  • object.animation.timingFunc的合法值

    說明
    'linear'動畫從頭到尾的速度是相同的
    'easeIn''動畫以低速開始
    'easeOut'動畫以低速結束
    'easeInOut'動畫以低速開始和結束
  • 示例代碼:

js
wx.setNavigationBarColor({
  frontColor: '#ffffff',
  backgroundColor: '#ff0000',
  animation: {
    duration: 400,
    timingFunc: 'easeIn'
  }
})

hideHomeButton

TIP

該API使用方法為: wx.hideHomeButton(Object object)

  • 功能說明: 隱藏返回首頁按鈕。 當用戶打開的小程序最底層頁面是非首頁時,分享面板默認展示'返回首頁'按鈕,開發者可在頁面onShow中調用hideHomeButton進行隱藏。
  • 參數及說明: Object object
内容類型預設值必填說明
successFunction-接口調用成功的回呼函數
failFunction-接口調用失敗的回呼函數
completeFunction-接口調用結束的回呼函數(無論成功與否都執行)

showNavigationBarLoading

TIP

該API使用方法為: wx.showNavigationBarLoading(Object object)

  • 功能說明: 在當前頁面顯示導航條加載動畫。
  • 參數及說明: Object object
内容類型預設值必填說明
successFunction-接口調用成功的回呼函數
failFunction-接口調用失敗的回呼函數
completeFunction-接口調用結束的回呼函數(無論成功與否都執行)

hideNavigationBarLoading

TIP

該API使用方法為: wx.hideNavigationBarLoading(Object object)

  • 功能說明: 在當前頁面隱藏導航條加載動畫。
  • 參數及說明: Object object
内容類型預設值必填說明
successFunction-接口調用成功的回呼函數
failFunction-接口調用失敗的回呼函數
completeFunction-接口調用結束的回呼函數(無論成功與否都執行)