uniapp新增的三个css样式

• 参考链接
  https://cloud.tencent.com/developer/article/1609256

• 第一个是当我们取消原生导航栏的时候，会没有高度，此时页面的内容会显示在导航栏中，所以我们要给一个高度

        <view class="status_bar">
                  <!-- 这里是状态栏,就是手机头部显示的电量，手机卡信息 -->
        </view>
        .status_bar {
           height: var(--status-bar-height);
           width: 100%;
          }

• 第二个是头部导航的高度

padding-top: var(--window-top);

• 第三个是底部导航tabbar的高度，如果不减去底部tabbar的高度的话，我们的页面数据会被tabbar导航遮住的，当然你也可以在页面数据中加个padding-bottom撑起来，但是会有点瑕疵，官方提供的都是各端适配的

padding-bottom: var(--window-bottom);

• 欢迎留言指正！