顶部导航栏
顶部导航栏始终固定在屏幕顶部,不会随页面滚动和隐藏。
智能小程序自动继承小程序主页顶部导航栏的配置,但是每个页面都可以配置其顶部导航栏。也就是说,在同一个智能小程序中,不仅可以同时有本地顶部导航栏和自定义导航栏,而且可以为每个页面定制不同的样式。
本地顶部导航栏
默认情况下,本地顶部导航栏由智能小程序框架统一提供,用于控制整个小程序,指示当前位置,并帮助导航小程序的内部页面。
内部页面导航功能区在左侧,页面标题名在中间,applet框架控制功能区在右侧。
1。 容器
2、内部页面导航功能区
3。 页面标题(可选)
4。 框架控制功能区
1。 容器
容器具有顶部导航栏的功能,并为其定义了导航区域。
默认情况下,顶部导航栏容器具有白色背景,开发人员也可以配置相应的颜色。
普通手机(1)和苹果手机X(2)的页面布局从顶部导航栏窗口的底部开始。
iOS状态栏会随着顶部导航栏元素和容器背景自动变化。
2。框架内的导航功能区
当用户在小程序的主页上时,该区域不显示任何功能。
其他页面,根据场景显示:
1。返回:用于返回上一页;
2。返回主页:用于返回小程序的主页。
3。页面标题
页面标题用于帮助和指示用户的当前位置。它通常描述当前页面/函数名,或者当前智能小程序的名称。
默认情况下,顶部导航栏显示页面标题,开发人员也可以选择隐藏它。
标题过长时会自动截断,但截断可能会导致用户误解。为了保证主流机型的显示,设计建议页面标题不要超过8个汉字。
正确的
如果标题中的信息太长,应在不影响理解的情况下简化表达式。
错误
标题截断过长造成的信息丢失容易引起误解,应尽可能避免截断。
4。框架控制功能区
该区域对所有小程序都是统一的:
1。菜单:出站菜单面板,包括夜间模式、共享等。
2。关闭:关闭并退出当前小程序。