小程序如何删除或隐藏头部导航栏,实现全屏

一、默认情况下小程序页面有一套自己的导航系统

1.可以设置导航标题,字体颜色、背景颜色等

2.对于简单的小程序,有时需要全屏处理页面。隐藏navigationBar的部分

二、处理方式

1.app.json 配置中可以设置页面是否启用导航栏

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

2.使用示例:

{
  "pages": [
    "pages/test1/test",
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationStyle": "custom"
  }
}

更多小程序资讯了解:

一、默认情况下小程序页面有一套自己的导航系统 1.可以设置导航标题,字体颜色、背景颜色等 2.对于简单的小程序,有时需要全屏处理页面。隐藏navigationBar的部分 二、处理方式 1.app.json 配置中可以设置页面是否启用导航栏 注:navigationStyle 只在 app.json 中生效。开启 custom 后,低版本客户端需要做好兼容。开发者工具基础库版本切到 1.7.0(不代表最低版本,只供调试用) 可方便切到旧视觉 2.使用示例: { "pages": [ "pages/test1/test", "pages/index/index", "pages/logs/logs" ], "window": { "backgroundTextStyle": "light", "navigationStyle": "custom" } } 更多小程序资讯了解:
经验分享 程序员 微信小程序 职场和发展