郑州网站优化

,郑州seo,郑州百度优化,郑州网络推广,选择路普科技,15年为企业网站优化助力!


您当前位置:壹页 > 营销百科 > 百度智能小程序 >

百度小程序自定义顶部导航栏应该如何配置

发布时间:2021-08-08 标签:【置顶】 浏览量:

百度小程序自定义顶部导航栏应该如何配置

顶部导航栏

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


自定义顶部导航栏

百度App v11.1及以上版本的智能小程序,支持自定义顶部导航栏,使其只保留框架控制功能区。

使用自定义导航栏前,请了解透明框架的页面布局基础,此时原生顶部导航栏中的容器、框架内部导航功能区、页面标题均不展示,开发者可自定义当前页面的顶部导航栏。

我们建议,在使用自定义导航栏时,通过系统信息接口getSystemInfoSync获得系统状态栏的高度(statusBarHeight),并为系统状态栏配置与自定义导航栏背景一致的颜色。


正确

普通手机(1)及全面屏手机(2)系统状态栏均正确适配,且颜色与自定义顶部导航栏一致。


错误

适配系统状态栏高度,但未正确配置颜色。


错误

未适配系统状态栏高度,导致自定义顶部导航栏布局错位。

自定义导航栏的元素建议与控制功能区对齐,且与原生顶部导航栏高度一致(iOS为44pt,Android为38pt)。

正确

自定义顶部导航栏元素与控制功能区垂直居中对齐


错误

自定义顶部导航栏元素未对齐


阅读本文的人还可以阅读:

百度小程序入口有哪些?哪里可以进入百度小程序?

百度小程序开源联盟是什么

百度小程序的流量为什么那么高,小程序如何引流?

怎样做好百度小程序体验设计(1)

手机端的用户往往拥有着更加明确的目的性,通常他们希望能够明确、轻松地从移动端页面获得他们想要的信息和内容。无论是浏览新闻,网上购物,还是订阅信息,移动端网页应当为他们提供尽可能无缝的用户体验。
版权声明:本站部分文章,由 郑州路普科技整理发表(信息来自互联网,不代表本站观点),如有冒犯请联系我们
网页标签:【置顶】
服务城市
欢迎致电或者QQ咨询路普公司,我们专注企业网站优化服务!
提供网站优化、关键词排名、企业网站优化、SEO整站优化、站内站外优化等网站优化服务!

电话:0371-87535353
地址:郑州市花园路59号21世纪新楼中楼1#8001 豫ICP备10210721号-4
郑州网站优化,郑州网站优化公司,郑州关键词优化,郑州关键词排名,郑州百度优化专业的网络公司,助力企业快速提升目标客户转化率