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日是什么日子
  • 怎么使用火萤视频桌面软件制作小黄鸭动态壁纸?
  • 热门搜索
    宁波旅游景点 电脑兼职可以做什么 鲁菜的特点 古巴旅游 江西旅游景点 鸡眼怎么去除最好方法 连云港旅游景点排行榜 新社保卡怎么激活 泰国旅游签证 夏天去哪里旅游