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

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

顶部导航栏

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

原生顶部导航栏

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

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

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

1、容器

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

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

2、框架内部导航功能区

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

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

3、页面标题

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

正确

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

错误

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

4、框架控制功能区

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

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

文章题目:百度智能小程序原生顶部导航栏应该如何配置
当前网址:https://www.cdcxhl.com/news38/244688.html

成都网站建设公司_创新互联,为您提供虚拟主机网站内链网页设计公司软件开发域名注册外贸建站

广告

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

外贸网站建设