当前位置:千优问>百科知识>[微信小程序开发]如何去掉或隐藏小程序顶部栏navigationBar

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

2018-11-22 19:42:36 编辑:leo 浏览量:492

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

小程序全局配置app.josn增加选项:"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  
        }  
      }
    }

标签:微信小程序开发