1、单个页面隐藏
在pages.json里配置 (第一种方式)
{
"path": "pages/home/index",
"style": {
"navigationBarTitleText": "首页",
"navigationStyle": "custom" // 使用自定义导航栏,系统会关闭默认的原生导航栏
}
}
第二种方式
{
"path": "pages/home/index",
"style": {
"navigationBarTitleText": "首页",
"app-plus": {
"titleNView": false //禁用原生导航栏
}
}
}
2、所有页面隐藏
在pages.json里配置
{
"pages": [{
"path": "pages/home/index",
"style": {
"navigationBarTitleText": "首页"
}
}],
"globalStyle": {
"app-plus": {
"titleNView": false //禁用原生导航栏
},
"navigationBarTextStyle": "black",
"navigationBarTitleText": "首页",
"navigationBarBackgroundColor": "#FFFFFF",
"backgroundColor": "#F6F6F6",
"onReachBottomDistance": 200
}
}
或者使用css隐藏
uni-page-head {
display: none;
}
成功之后就是这样
文章来源:https://www.toymoban.com/news/detail-820692.html
漏发了一篇uniapp pages.json配置的文章下篇补文章来源地址https://www.toymoban.com/news/detail-820692.html
到了这里,关于uniapp设置隐藏原生导航栏(三)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!