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

Posted 2020-12-05 前端备忘录

解决办法：

小程序全局配置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
    }
  }
}

 

本文地址：https://www.cnblogs.com/rapale/p/9337781.html