[微信小程序开发]如何去掉或隐藏小程序顶部栏navigationBar

Posted 2020-12-27 刘兵

小程序全局配置app.json增加选项："navigationStyle": "custom",

 

具体如下：

原生小程序开发>

打开 app.json：

{
    "pages": [
        "pages/index/index",
        "pages/logs/index"
    ],
    "window": {
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#000",
        "navigationStyle": "custom",
        "navigationBarTitleText": "WeChat"
    }
}

 

mpvue方式开发小程序>

打开 /src/main.js：

export default {
  config: {
    pages: [
      ‘pages/logs/main‘,
      ‘^pages/index/main‘
　　],
    window: {
      backgroundTextStyle: ‘light‘,
      navigationBarBackgroundColor: ‘#666‘,
      navigationStyle: ‘custom‘,
      navigationBarTitleText: ‘WeChat‘,
      navigationBarTextStyle: ‘#fff‘,
      enablePullDownRefresh: false,
      disableScroll: true
    }
  }
}