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

让人想犯罪 __ 提交于 2019-12-02 14:34:51

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

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

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

二、处理方式

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"
  }
}

 

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

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

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

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

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!