uni-app如何获取导航栏的高度

在开发uni-app的时候，顶部导航栏的高度很多小伙伴都获取不到，下面小编教大家获谀薜频扰得uni-app顶部导航栏的高度。

方法/步骤

1、首先打开开发工具，新建一个项目，如下图所示

2、然后直接定义头部的样式，如下图所示

3、接着在css中直接用var(--status-bar-height)，如下图所示

4、在获取高度的时候注意搭配条件编译进行使用，如下图所示

5、然后你在css中可以灵活的运用var变量，如下图所示

6、最后不同的样式也可以进行条件编译的，如下图所示