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

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

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

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

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

小程序如何删除或隐藏头部导航栏,实现全屏_第1张图片

二、处理方式

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

navigationStyle String default 导航栏样式,仅支持 default/custom。custom 模式可自定义导航栏,只保留右上角胶囊状的按钮 微信版本 6.6.0

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

 

2.使用示例:

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

小程序如何删除或隐藏头部导航栏,实现全屏_第2张图片

小程序如何删除或隐藏头部导航栏,实现全屏_第3张图片

 

微信小程序富文本图片处理二

微信小程序腾讯视频插件使用整理

微信小程序扫码接口,wx.scanCode(OBJECT)

更多小程序资讯了解:http://www.jnqianle.cn/info/

 

转载于:https://my.oschina.net/tianma3798/blog/1921413

你可能感兴趣的:(小程序如何删除或隐藏头部导航栏,实现全屏)