百度智能小程序​window、tabBar如何优化和调整

2252次阅读

window用于设置 SWAN 的状态栏、导航条、标题、窗口背景色。

QQ截图20190117151259.png

注意:

1、navigationStyle 全局配置Android和iOS从百度 App版本11.1.0开始支持, 但子页面配置支持情况Android从百度 App版本11.1开始支持,iOS从百度 App版本11.2开始支持, 做低版本兼容时,通过 swan.getSystemInfo 或者 swan.getSystemInfoSync 获取百度 App版本号进行兼容判断,具体见下表;

2、无其它特殊说明,请使用canIUse或者SWAN基础库版本进行兼容判断。


navigationStyle配置QQ截图20190117152256.png

适配提示

原生顶bar高度=状态栏高度(通过 swan.getSystemInfo 或者 swan.getSystemInfoSync 获取)+action高度(iOS为44px,Android为38px)


示例:

{
"window":{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "swan接口功能演示",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light"
}
}    


tabBar

用于设置客户端底部的tab栏:可通过tabBar设置tab的颜色、个数、位置、背景色等内容。

QQ截图20190117152537.png


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

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

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

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

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

本文由夫唯团队编辑,如发现错误,欢迎通过客服微信反馈。

夫唯于2024年12月停止百度SEO研究和培训。道别信: 夫唯:再见了百度SEO!

2025年1月正式启动Google SEO培训课程,一千零一夜带领大家一起出海。

感兴趣的同学,请添加招生客服小沫微信:seowhy2021。 微信扫码添加客服人员

我们的目标:让大家独立站出海不再“望洋兴叹”。

Processed in 1.375024 Second , 516 querys.