建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)小程序教程：微信小程序?qū)Ш絥avigation-bar
functional-page-navigator
基礎庫 2.9.0 開始支持，低版本需做兼容處理。
我們注重客戶提出的每個要求，我們充分考慮每一個細節(jié)，我們積極的做好成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設服務，我們努力開拓更好的視野，通過不懈的努力，成都創(chuàng)新互聯(lián)贏得了業(yè)內(nèi)的良好聲譽，這一切，也不斷的激勵著我們更好的服務客戶。 主要業(yè)務：網(wǎng)站建設,網(wǎng)站制作,網(wǎng)站設計,微信平臺小程序開發(fā),網(wǎng)站開發(fā),技術開發(fā)實力，DIV+CSS，PHP及ASP，ASP.Net，SQL數(shù)據(jù)庫的技術開發(fā)工程師。
頁面導航條配置節(jié)點，用于指定導航欄的一些屬性。只能是 page-meta 組件內(nèi)的第一個節(jié)點，需要配合它一同使用。
通過這個節(jié)點可以獲得類似于調(diào)用 wx.setNavigationBarTitle wx.setNavigationBarColor 等接口調(diào)用的效果。
| 屬性 | 類型 | 默認值 | 必填 | 說明 | 最低版本 |
|---|---|---|---|---|---|
| title | string | 否 | 導航條標題 | 2.9.0 | |
| loading | boolean | false | 否 | 是否在導航條顯示 loading 加載提示 | 2.9.0 |
| front-color | string | 否 | 導航條前景顏色值，包括按鈕、標題、狀態(tài)欄的顏色，僅支持 #ffffff 和 #000000 |
2.9.0 | |
| background-color | string | 否 | 導航條背景顏色值，有效值為十六進制顏色 | 2.9.0 | |
| color-animation-duration | number | 0 | 否 | 改變導航欄顏色時的動畫時長，默認為 0 （即沒有動畫效果） |
2.9.0 |
| color-animation-timing-func | number | "linear" | 否 | 改變導航欄顏色時的動畫方式，支持 linear 、 easeIn 、 easeOut 和 easeInOut |
2.9.0 |
示例代碼
Page({
data: {
nbFrontColor: '#000000',
nbBackgroundColor: '#ffffff',
},
onLoad() {
this.setData({
nbTitle: '新標題',
nbLoading: true,
nbFrontColor: '#ffffff',
nbBackgroundColor: '#000000',
})
}
})
新聞標題：創(chuàng)新互聯(lián)小程序教程：微信小程序?qū)Ш絥avigation-bar
標題路徑：http://m.5511xx.com/article/dppdsid.html
