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