小程序的窗口配置

本文介绍了微信小程序中app.json的window配置,主要用于设置状态栏、导航条、标题和窗口背景色。详细讲解了navigationStyle的兼容性和使用注意事项,并提供了一个配置示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

小程序的窗口配置

微信小程序中的窗口是指app.json中的window配置,即默认全局的窗口表现。

用于设置小程序的状态栏、导航条、标题、窗口背景色,是一个Object类型。

属性表现
navigationBarBackgroundColor导航栏背景颜色, 十六进制颜色
navigationBarTextStyle导航栏标题颜色,仅支持 black / white
navigationBarTitleText导航栏标题文字内容, String类型
navigationStyle导航栏样式,default 默认样式custom 自定义导航栏,只保留右上角囊按钮。参见注 2。
backgroundTextStyle下拉 loading 的样式,仅支持 dark / light
backgroundColorTop顶部窗口的背景色,仅 iOS 支持, 十六进制颜色
backgroundColorBottom底部窗口的背景色,仅 iOS 支持, 十六进制颜色
enablePullDownRefresh是否开启全局的下拉刷新 默认为false
onReachBottomDistance页面上拉触底事件触发时距页面底部距离,单位为 px,Number类型
pageOrientation屏幕旋转设置,支持 auto / portrait / landscape ,String类型

注 1:HexColor(十六进制颜色值),如"#ff00ff"
注 2:关于navigationStyle
客户端 7.0.0 以下版本,navigationStyle 只在 app.json 中生效。
客户端 6.7.2 版本开始,navigationStyle: custom 对 web-view 组件无效
开启 custom 后,低版本客户端需要做好兼容。开发者工具基础库版本切到 1.7.0(不代表最低版本,只供调试用)可方便切到旧视觉

例如:
{
“window”: {
“navigationBarBackgroundColor”: “#ffffff”,
“navigationBarTextStyle”: “black”,
“navigationBarTitleText”: “微信接口功能演示”,
“backgroundColor”: “#eeeeee”,
“backgroundTextStyle”: “light”
}
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值