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

 时间:2024-10-11 19:27:22

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如何获取导航栏的高度
  • 什么是特应性皮炎?宝宝患特应性皮炎有哪些危害?
  • 全民战机这个游戏怎么玩
  • 怎么让孩子坚持锻炼
  • 2022年6月21日是什么日子
  • 怎么使用火萤视频桌面软件制作小黄鸭动态壁纸?
  • 热门搜索
    科学幻想手抄报 初一英语手抄报 手抄报花边简单又漂亮 感恩手抄报图片大全 爱眼日手抄报内容 劳动手抄报内容50字 关于体育的手抄报 最美逆行者手抄报 小学生环保手抄报 改革开放40周年手抄报