uniapp中页面被底部导航栏挡住了部分怎么办

如果在uniapp中，页面被底部导航栏挡住了部分，你可以尝试以下方法：

1. 在 `App.vue` 中设置 `tabBar` 的高度，然后在需要调整的页面中添加样式，将其 `padding-bottom` 的值设置为 `tabBar` 的高度。

2. 使用 `vue-router` 的 `meta` 字段，设置每个页面的底部距离，然后在 `App.vue` 中获取当前页面的 `meta` 值，并将其设置为底部的 `padding`。

例如，在 `App.vue` 中添加以下代码：

export default {
  computed: {
    // 获取当前页面的meta值
    paddingBottom() {
      const pages = getCurrentPages()
      const currentPage = pages[pages.length - 1]
      return currentPage.meta && currentPage.meta.paddingBottom ? currentPage.meta.paddingBottom + 'px' : ''
    }
  }
}

然后在需要调整的页面中设置 `meta` 字段：

export default {
  meta: {
    paddingBottom: 50 // 底部距离为50px
  }
}

最后，在模板中添加样式：

<template>
  <div :style="{paddingBottom: paddingBottom}">页面内容</div>
</template>