阐述
一开始网上搜索,只能在app.json中的window里面设置 “navigationStyle”: “custom” ,这样小程序所有页面都没有导航栏了,只保留右上角胶囊按钮,后来经过自己网上查阅资料。在单页面也可以设置。
注意:
- iOS/Android 微信客户端 6.6.0,Windows 微信客户端不支持
全局设置导航栏,隐藏
app.json设置 – “navigationStyle”: “custom”
PS:从app.json中设置所有页面都会生效,导航消失。
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#7FBE25",
"navigationBarTextStyle": "black",
"navigationStyle": "custom"
},
“navigationStyle”: “custom” 设置之前:
“navigationStyle”: “custom” 设置以后:这样我们看到首页文字都不见了,所以这不是我们想要的结果。
单页面设置导航栏,隐藏
login.json 登录页面 – “navigationStyle”: “custom”
PS:这样设置就只登录页面隐藏导航栏,其他页面还会继续保留。
{
"usingComponents": {
"van-button": "../../miniprogram_npm/@vant/weapp/dist/button/index",
"van-dialog": "../../miniprogram_npm/@vant/weapp/dist/dialog/index"
},
"navigationBarTitleText": "登录",
"navigationStyle": "custom"
}