您的位置:首页 > 移动开发 > 微信开发

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

2018-08-02 12:50 387 查看
一、默认情况下小程序页面有一套自己的导航系统

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

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



二、处理方式

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

navigationStyleStringdefault导航栏样式,仅支持 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/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: