uniapp导航栏适配

根据提供的引用，可以使用`uni.getSystemInfoSync()`方法获取设备信息，然后根据设备信息计算出导航栏的高度，从而实现导航栏的适配。

以下是一个示例代码：

export default {
  data() {
    return {
      navBarHeight: 0, // 导航栏高度
      statusBarHeight: 0, // 状态栏高度
      titleHeight: 0 // 标题栏高度
    }
  },
  onLoad() {
    // 获取设备信息
    const systemInfo = uni.getSystemInfoSync()
    // 计算导航栏高度
    const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
    const navBarHeight = menuButtonInfo.bottom + menuButtonInfo.top - systemInfo.statusBarHeight
    // 计算状态栏高度
    const statusBarHeight = systemInfo.statusBarHeight
    // 计算标题栏高度
    const titleHeight = navBarHeight - statusBarHeight
    // 更新数据
    this.navBarHeight = navBarHeight
    this.statusBarHeight = statusBarHeight
    this.titleHeight = titleHeight
  }
}

在上述代码中，我们首先使用`uni.getSystemInfoSync()`方法获取设备信息，然后计算出导航栏高度、状态栏高度和标题栏高度，并将它们保存在组件的`data`中。最后，我们可以在模板中使用这些高度来适配导航栏。