uniapptabbar 有一个底部安全高度

UniApp 的 TabBar 默认不会有底部安全高度，也就是说 TabBar 是紧贴屏幕底部的。如果你想要给 TabBar 添加底部安全高度，可以通过以下步骤实现：

1. 在 App.vue 文件中，找到 <template> 标签，添加一个 <view> 标签作为最外层容器，给它设置 height: 100%; 的样式，如下所示：

<template>
  <view class="app">
    <router-view></router-view>
  </view>
</template>

2. 在 App.vue 文件中，找到 <style> 标签，添加以下样式：

<style>
.app {
  height: 100%;
  padding-bottom: env(safe-area-inset-bottom);
  padding-bottom: constant(safe-area-inset-bottom);
}
</style>

这样就给 TabBar 添加了底部安全高度。注意，在 iOS 设备上，如果你的 App 有底部安全区域（如 iPhone X 及以上机型），env(safe-area-inset-bottom) 会返回一个大于 0 的值，而在其他设备上（如 Android 设备）则会返回 0。因此，这种方式可以兼容不同设备的底部安全高度需求