uniapp app底部安全区颜色设置

Uniapp官方文档中指出，在iPhone X及更高版本的设备上，由于设备屏幕有刘海以及底部的Home Indicator，导致有些内容可能被遮挡。为了避免这种情况发生，Uniapp支持设置底部安全区颜色。设置方法如下：

在App.vue文件中定义一个页面样式，如下所示：

<style>
  .page-container {
    padding-bottom: env(safe-area-inset-bottom);
    padding-bottom: constant(safe-area-inset-bottom);
    background-color: #FFF; /* 设置底部安全区颜色 */
  }
</style>

在需要设置底部安全区颜色的页面中，添加page-container样式即可：

<template>
  <div class="page-container">
    <!-- 这里是页面的内容 -->
  </div>
</template>

<style scoped>
  /* 这里可以添加该页面特有的样式 */
</style>