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

122次阅读

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)

作者:夫唯 @ SEO培训学院  修订1.0  2019-01-17

搜外专注SEO在线系统培训,10年来超过五万学员在此获得技术提升和人脉圈子。

SEO课程已融入到移动搜索、零基础建站、群站SEO思维、搜外6系统、SEM入门等。

欢迎添加助教微信:seowhy2018,马上获得优秀学员案例。