uni-app去除页面顶部导航栏

  • Post author:
  • Post category:uniapp
  • Post comments:0评论

uni-app h5去除页面顶部导航栏title

1、使用css去除空白部分

通过控制台我们可以看到空白区域的标签为:uni-page-head;既然知道了标签的名称那么要对这个标签进行处理就很简单了。

1.1、如果所有页面都要去掉空白导航,可以在App.vue定义全局设置:

uni-page-head
{
    display: none;
}

1.2、对应子页面可以在对应子页面的style中进行设置

2、使用参数去除顶部的空白部分

在pages.json中对每个页面进行设置。

{

    "path": "pages/index/index",
    "style": {
        "navigationStyle":"custom"
    }
},

发表评论