uni-app隐藏H5的头部导航栏page-head的两种方式

在使用uni-app生成页面时，会发现默认生成的页面是带了导航栏

 

如果我们想隐藏这个导航栏，可以用如下方式：

1.如果所有页面都不需要这个导航栏了，可以在App.vue的公共样式代码中添加

    /* #ifdef H5 */ 
    uni-page-head { display: none; } 
    /* #endif */

2.如果只是当前页面不需要，可以在pages.json中添加代码

"navigationStyle":"custom"

　　如图所示

　　

 

 将navigationStyle设置为custom是指自定义导航栏，系统会关闭默认的原生导航栏