uni-app底部安全距离

在 iOS11 新增特性中，Webkit 包含了两个新的函数 env() 和 constant()，以及四个预定义的常量：

• safe-area-inset-top：安全区域距离顶部边界距离，状态栏+导航栏大约为88px。
• safe-area-inset-left：安全区域距离左边边界距离，竖屏时为0。
• safe-area-inset-right：安全区域距离右边边界距离，竖屏时为0。
• safe-area-inset-bottom：安全区域距离底部边界距离，大约高度为34px。

.bottomBar {

/* 关于使用constant(safe-area-inset-bottom)、env(safe-area-inset-bottom) 会返回底部安全区的高度 两个方法都写，会自动选择能够生效的来使用 可以使用calc方法来计算，根据实际情况灵活使用 */

padding-bottom: calc(0rpx + constant(safe-area-inset-bottom)); padding-bottom: calc(0rpx + env(safe-area-inset-bottom));

}

参考文章： https://juejin.cn/post/7019215669983969287

                   https://juejin.cn/post/7138221718518595621?from=search-suggest