临沂SEO爱好者
分享SEO优化教程

临沂SEO-百度智能小程序自定义顶部导航栏应该如何配置

  顶部导航栏

  顶部导航栏始终固定在屏幕顶部,不随页面滚动隐藏。

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

  自定义顶部导航栏

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

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

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

  正确

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

  错误

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

  错误

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

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

  正确

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

  错误

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

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

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

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

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

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

本文“临沂SEO-百度智能小程序自定义顶部导航栏应该如何配置”,由王凯SEO编辑整理发布。临沂SEO优化,临沂网站建设,临沂网络推广就找【王凯SEO】!

关注“王凯SEO”微信公众号,免费领取SEO教程。

版权声明:本站部分内容来源于网络,版权归原作者所有,如有侵权,请联系删除。
文章名称:《临沂SEO-百度智能小程序自定义顶部导航栏应该如何配置》
文章链接:http://www.wangkaikaikai.com/5490.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。