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日是什么日子
  • 怎么使用火萤视频桌面软件制作小黄鸭动态壁纸?
  • 热门搜索
    元旦手抄报 保护眼睛手抄报 节约手抄报 春天来了手抄报 读书手抄报图片 四大名著手抄报 争做新时代好少年手抄报 廉洁手抄报 小学生手抄报图片大全 端午手抄报