百度智能小程序 頂部導(dǎo)航欄

2020-08-31 12:02 更新

頂部導(dǎo)航欄

頂部導(dǎo)航欄始終固定在屏幕頂部,不隨頁面滾動隱藏。智能小程序會自動繼承小程序首頁頂部導(dǎo)航欄的配置,但每個頁面均可配置其頂部導(dǎo)航欄。即同一智能小程序中,不但可同時存在原生頂部導(dǎo)航欄和自定義導(dǎo)航欄,也可為每個頁面定制不同的樣式。

開發(fā)文檔說明詳見 導(dǎo)航欄。

原生頂部導(dǎo)航欄

原生頂部導(dǎo)航欄默認由智能小程序框架統(tǒng)一提供,用于控制整體小程序,指示當(dāng)前位置及輔助小程序內(nèi)部頁面導(dǎo)航。





內(nèi)部頁面導(dǎo)航功能區(qū)居最左,頁面標(biāo)題名稱放中間,小程序框架控制功能區(qū)最右。



1.容器

2.內(nèi)部頁面導(dǎo)航功能區(qū)

3.頁面標(biāo)題(可選)

4.框架控制功能區(qū)



1. 容器

容器承載了頂部導(dǎo)航欄的功能,為其明確了導(dǎo)航區(qū)域。頂部導(dǎo)航欄容器默認背景白色,開發(fā)者也可以配置相應(yīng)的顏色。



普通手機(1)和iPhone X(2)的頁面布局都從頂部導(dǎo)航欄窗口底部開始。

iOS狀態(tài)欄會隨著頂部導(dǎo)航欄元素和容器背景自動改變顏色。



2. 框架內(nèi)部導(dǎo)航功能區(qū)

當(dāng)用戶處于小程序首頁時,此區(qū)域不展現(xiàn)任何功能。 其他頁面下,根據(jù)場景展現(xiàn): 1. 返回:用于返回上一頁面; 2. 回首頁:用于返回小程序首頁。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號