水心街道百度智能小程序自定義頂部導(dǎo)航欄應(yīng)該如何配置

閱讀 37169  ·  發(fā)布日期 2020-08-24 17:27  ·  溫州優(yōu)光網(wǎng)絡(luò)科技有限公司|建站|APP小程序制作|做網(wǎng)站SEO推廣優(yōu)化
【摘要】 頂部導(dǎo)航欄頂部導(dǎo)航欄始終固定在屏幕頂部,不隨頁面滾動隱藏。智能小程序會自動繼承小程序首頁頂部導(dǎo)航欄的配置,但每個頁面均可配置其頂部導(dǎo)航欄。即同一智能小程序中,不但可同時存在原生頂部導(dǎo)航欄和自定義導(dǎo)航欄,也可為每個頁面定制不同的樣式。自定義頂部導(dǎo)航欄百度App v11.1及以上版本的智能小程序,支持自定義頂部導(dǎo)航欄,使其... 【溫州小程序開發(fā),溫州微信公眾號,平陽做網(wǎng)站,平陽網(wǎng)站建設(shè)公司,平陽小程序商城制作,昆陽萬全做網(wǎng)站,鰲江水頭小程序,蕭江騰蛟微信公眾號,山門順溪南雁海西南麂鳳臥麻步懷溪網(wǎng)絡(luò)網(wǎng)店服務(wù),政采云網(wǎng)店管理服務(wù)】...
頂部導(dǎo)航欄頂部導(dǎo)航欄始終固定在屏幕頂部,不隨頁面滾動隱藏。
智能小程序會自動繼承小程序首頁頂部導(dǎo)航欄的配置,但每個頁面均可配置其頂部導(dǎo)航欄。
即同一智能小程序中,不但可同時存在原生頂部導(dǎo)航欄和自定義導(dǎo)航欄,也可為每個頁面定制不同的樣式。
自定義頂部導(dǎo)航欄百度App v11.1及以上版本的智能小程序,支持自定義頂部導(dǎo)航欄,使其只保留框架控制功能區(qū)。
使用自定義導(dǎo)航欄前,請了解透明框架的頁面布局基礎(chǔ),此時原生頂部導(dǎo)航欄中的容器、框架內(nèi)部導(dǎo)航功能區(qū)、頁面標(biāo)題均不展示,開發(fā)者可自定義當(dāng)前頁面的頂部導(dǎo)航欄。
我們建議,在使用自定義導(dǎo)航欄時,通過系統(tǒng)信息接口getSystemInfoSync獲得系統(tǒng)狀態(tài)欄的高度(statusBarHeight),并為系統(tǒng)狀態(tài)欄配置與自定義導(dǎo)航欄背景一致的顏色。
正確普通手機(jī)(1)及全面屏手機(jī)(2)系統(tǒng)狀態(tài)欄均正確適配,且顏色與自定義頂部導(dǎo)航欄一致。
錯誤適配系統(tǒng)狀態(tài)欄高度,但未正確配置顏色。
錯誤未適配系統(tǒng)狀態(tài)欄高度,導(dǎo)致自定義頂部導(dǎo)航欄布局錯位。
自定義導(dǎo)航欄的元素建議與控制功能區(qū)對齊,且與原生頂部導(dǎo)航欄高度一致(iOS為44pt,Android為38pt)。
正確自定義頂部導(dǎo)航欄元素與控制功能區(qū)垂直居中對齊錯誤自定義頂部導(dǎo)航欄元素未對齊閱讀本文的人還可以閱讀:
百度智能小程序入口有哪些?哪里可以進(jìn)入百度智能小程序?百度智能小程序開源聯(lián)盟是什么百度智能小程序的流量為什么那么高,小程序如何引流?怎樣做好百度智能小程序體驗設(shè)計(1) [溫州小程序開發(fā)-百度小程序]