阅读(4266) (11)

百度智能小程序 顶部导航栏

2020-08-10 15:51:18 更新

顶部导航栏

顶部导航栏始终固定在屏幕顶部,不随页面滚动隐藏。智能小程序会自动继承小程序首页顶部导航栏的配置,但每个页面均可配置其顶部导航栏。即同一智能小程序中,不但可同时存在原生顶部导航栏和自定义导航栏,也可为每个页面定制不同的样式。

开发文档说明详见 导航栏

原生顶部导航栏

原生顶部导航栏默认由智能小程序框架统一提供,用于控制整体小程序,指示当前位置及辅助小程序内部页面导航。





内部页面导航功能区居最左,页面标题名称放中间,小程序框架控制功能区最右。



1.容器

2.内部页面导航功能区

3.页面标题(可选)

4.框架控制功能区



1. 容器

容器承载了顶部导航栏的功能,为其明确了导航区域。顶部导航栏容器默认背景白色,开发者也可以配置相应的颜色。



普通手机(1)和iPhone X(2)的页面布局都从顶部导航栏窗口底部开始。

iOS状态栏会随着顶部导航栏元素和容器背景自动改变颜色。



2. 框架内部导航功能区

当用户处于小程序首页时,此区域不展现任何功能。 其他页面下,根据场景展现: 1. 返回:用于返回上一页面; 2. 回首页:用于返回小程序首页。