uniapp前端手机获取安全区域css值 防止按键不能被点击

在uniapp中获取安卓手机的安全区域信息，可以使用uni.getSystemInfo或者uni.getSystemInfoSync方法，然后从返回的结果中获取safeAreaInsets对象，该对象包含了left、right、top、bottom四个属性，分别代表了安全区域四个边缘的安全距离。

以下是获取安全区域信息并应用于样式的示例代码：

// 获取系统信息
const systemInfo = uni.getSystemInfoSync();
 
// 获取安全区域边距
const safeAreaInsets = systemInfo.safeAreaInsets || { top: 0, bottom: 0, left: 0, right: 0 };
 
// 应用到样式
const style = {
  paddingTop: safeAreaInsets.top + 'px',
  paddingBottom: safeAreaInsets.bottom + 'px',
  paddingLeft: safeAreaInsets.left + 'px',
  paddingRight: safeAreaInsets.right + 'px'
};
 
// 在页面上应用样式
// 例如，如果你使用的是Vue，可以直接绑定到元素的style属性
// <view :style="style"></view>

在页面中，你可以根据需要将style应用到需要防止内容被遮挡的元素上，确保内容显示在安全区域内，从而避免按钮或其他控件被软键盘遮挡。