小程序-動態設置頂部導航條


摘要

之所以記錄這個,是因為在做一個小程序項目時,老板需要我在一個頁面上index,在不同的時間段頂部導航的顏色需與背景相同。剛開始在老板未要求之前我都是想這樣做的,但是我百度方法一直未找到正確且合適的,所以我懵逼了,就偷偷懶用一個固定顏色就好了。哪知道后來老板看項目成果時提出看法說“頂部的顏色與背景色不同感覺不好看,是否可以同不同時間段的背景色一樣”,唉~老板不知我的痛,沒辦法只有聽老板的,所以我又認真的看API了,終於看到了。

感覺這個需求會在我之后的項目中會用到,所以在這里做個筆記,

1.動態設置當前頁面的標題  wx.setNavigationBarTitle(OBJECT)

object參數說明:

1.屬性:title - 類型:String - 必填:是 - 說明:頁面的標題

2.屬性:success - 類型:Function - 必填:否- 說明:接口調用成功的回調函數

3.屬性:fail - 類型:Function - 必填:否 - 說明:接口調用失敗的回調函數

4.屬性:complete - 類型:Function - 必填:否 - 說明:接口調用結束的回調函數(調用成功或失敗都會執行)

 

wx.setNavigationBarTitle({

       title:"當前頁面"

})

 

2.動態設置頂部導航欄的背景色 wx.setNavigationBarColor(OBJECT)

object參數說明:

  屬性-類型-必填-說明

1.fontColor - String - - 前景顏色值,包括按鈕、標題、狀態欄的顏色,僅支持#fff和#000

2.backgroundColor - String - - 背景顏色,有效值為16進制顏色

3.animation - Object - 否 - 動畫效果

4.animation.duration - Number - 否 - 動畫變化時間,默認0,單位(毫秒)

5.animation.timingFunc - String - 否 - 動畫變化方式,默認linear

6.success - Function - 否 - 接口調用成功的回調函數

7.fail - Function - 否 - 接口調用失敗的回調函數

8.complete- Function - 否 - 接口調用結束的回調函數(成功、失敗都會執行)

 

wx.setNavigationBarColor({

      frontColor:'#ffffff',

       backgroundColor:'#ff0000'

})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM