uniapp vue3 获取头部高度

在使用uniapp结合Vue 3开发应用时，获取头部高度通常是指获取页面顶部状态栏、导航栏或者其他固定在页面顶部的UI组件的高度。在小程序或者移动应用开发中，头部高度通常包括了系统状态栏的高度和自定义导航栏的高度。

要获取头部高度，可以使用uniapp提供的API或者通过计算得出。具体方法如下：

1. 使用uniapp API获取状态栏高度：

   // 获取状态栏高度
   const statusBarHeight = uni.getSystemInfoSync().statusBarHeight;

2. 如果你自定义了导航栏，可以通过CSS样式来设置高度，并通过JavaScript获取：

   /* 在CSS中设置导航栏高度 */
   .navbar {
     height: 44px; /* 假设导航栏高度为44px */
   }

   // 获取自定义导航栏的高度
   const navbarHeight = document.querySelector('.navbar').offsetHeight;

3. 如果是想获取整个页面头部的高度，包括状态栏和自定义导航栏，可以将两者相加：

   const totalHeaderHeight = statusBarHeight + navbarHeight;

请注意，获取系统状态栏高度是动态的，因为不同设备的状态栏高度可能不同。而自定义导航栏的高度是静态的，可以在开发时提前确定。