百度智能小程序原生顶部导航栏应该如何配置

2023-03-16 分类：网站建设

顶部导航栏

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

原生顶部导航栏

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

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

1、容器 2、内部页面导航功能区 3、页面标题（可选） 4、框架控制功能区

1、容器

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

普通手机（1）和iPhone X（2）的页面布局都从顶部导航栏窗口底部开始。 iOS状态栏会随着顶部导航栏元素和容器背景自动改变。

2、框架内部导航功能区

当用户处于小程序首页时，此区域不展现任何功能。

其他页面下，根据场景展现： 1. 返回：用于返回上一页面； 2. 回首页：用于返回小程序首页。

3、页面标题

页面标题用于辅助和指示用户当前的位置，它通常描述当前页面/功能名称，或当前智能小程序的名称。顶部导航栏默认展现页面标题，开发者也可以选择将其隐藏。当标题过长时自动截断，但截断可能会导致用户误解。为保证主流机型显示，设计建议页面标题不超过8个中文字符。

正确

标题表达信息过长时，在不影响理解的前提下，应精简表达。

错误

标题过长截断导致的信息丢失，容易产生误解，应尽量避免截断。

4、框架控制功能区

此区域为所有的小程序统一提供：

1.菜单：呼出菜单面板，内含夜间模式、分享等； 2.关闭：关闭并退出当前小程序。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容