ios底部按钮被挡住

大家开发小程序时，需要在底部固定一个按钮时，却发现有时候被ios的小横条 (Home Indicator) 遮挡内容，有时候触发不了事件。

我们这边是用uniapp开发小程序

可以设置一个全局样式类

.ios_bottom {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom)!important;
  padding-bottom: env(safe-area-inset-bottom)!important;
  padding-bottom: max(env(safe-area-inset-bottom), 30rpx) !important;
}

env(safe-area-inset-bottom)在ios机型中大概是34px的距离，在安卓机型是0，所以需要有个max函数，取最大值。

给需要的区域增加这个样式，就不会被ios的小横条遮挡住了