zl程序教程

您现在的位置是:首页 >  其他

当前栏目

设置小程序的状态栏、导航条、标题、窗口背景色[Window]。

程序 设置 窗口 window 标题 状态栏 背景色 导航条
2023-09-11 14:15:10 时间

window

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

属性类型默认值描述最低版本
navigationBarBackgroundColorHexColor#000000导航栏背景颜色,如"#000000" 
navigationBarTextStyleStringwhite导航栏标题颜色,仅支持 black/white 
navigationBarTitleTextString 导航栏标题文字内容 
navigationStyleStringdefault导航栏样式,仅支持 default/custom。custom 模式可自定义导航栏,只保留右上角胶囊状的按钮微信版本 6.6.0
backgroundColorHexColor#ffffff窗口的背景色 
backgroundTextStyleStringdark下拉背景字体、loading 图的样式,仅支持 dark/light 
enablePullDownRefreshBooleanfalse是否开启下拉刷新,详见页面相关事件处理函数 
onReachBottomDistanceNumber50页面上拉触底事件触发时距页面底部距离,单位为px

注:HexColor(十六进制颜色值),如"#ff00ff"

注:navigationStyle 只在 app.json 中生效。开启 custom 后,低版本客户端需要做好兼容。开发者工具基础库版本切到 1.7.0(不代表最低版本,只供调试用) 可方便切到旧视觉

如 app.json :

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