uniapp顶部安全距离（包括app）

在自定义导航的时候，如果不对顶部距离处理的话就会顶到屏幕最上边，标题可能会被手机的齐刘海挡住。

之前在做小程序的时候，我都是用 getMenuButtonBoundingClientRect() 获取胶囊菜单的顶部距离等信息来处理顶部安全距离，但在app和H5上用不了，不过uniapp提供了个更好用的 var(–window-bottom) （在css使用）

padding-top:  var(--status-bar-height) ;//给组件加个上边距

/*或者写一个占位div，高度设为css变量
height: var(--status-bar-height);*/

可以封装个自定义导航组件，这样就不用每个页面都改了。