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

时间:2026-02-15 01:32:52

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

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

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

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

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

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

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

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

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

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

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

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

1、1,打开开发工具,新建一个项目

2,直接定义头部的样式

3,在css中直接用var(--status-bar-height)

4,在获取高度的时候注意搭配条件编译进行使用

5,你在css中可以灵活的运用var变量

6,不同的样式也可以进行条件编译的

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com