uniapp 顶部导航栏，顶部标题栏太靠上了解决方式

1.在使用uniapp中自定义导航栏（uni-nav-bar）组件时，会出现如下问题。

2.导航栏中的内容，回合手机状态栏的内容重合

3.解决方式如下：

在css代码中加入即可，亲测可用

.uni-navbar{padding-top:var(--status-bar-height);}

如:

<style lang="scss">
    .uni-navbar{padding-top:var(--status-bar-height);}
  page {
    background-color: #ffffff;
  }

  .example {
    padding: 15px;
    background-color: #fff;
  }

  .segmented-control {
    margin-bottom: 15px;
  }