写好自定义导航栏后，设定位为

topbar{  

    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
}

这样就可以浮在顶部了

然后就是所有页面都要padding-top一定像素

page{  

    padding-top:128rpx
}

但这样是有问题的，一般手机状态栏高度为20px，则没问题

但是类型iPhone X这些刘海屏状态栏高度为44px，则上面应该是

padding-top:176rpx

但是在css中无法动态知道设备的状态栏高度啊

难道要在每个页面去获取状态栏高度，然后再在页面设置每个页面的padding-top高度么？

我的页面少说也有个30多个啊。

有没有更好的解决方法？

理想的解决方法是：

在自定义导航栏组件内获取状态栏高度，

然后再在去统一设置page Dom的css样式。

然后每个页面引入这个自定义导航栏组件。

问题是没有获取page和设置dom样式的接口啊