自定义组件适配 iphone 底部安全区 顶部刘海屏

项目场景：ios 顶部 底部 适配问题

1.iPhone X 等机型底部存在底部指示条，指示条的操作区域与页面底部存在重合，容易导致用户误操作，因此我们需要针对这些机型进行安全区适配。
2.ios 系统顶部刘海屏遮挡页面

---

解决方案：

在 index.html 的 head 标签中加入以下 meta：

<!-- 在 head 标签中添加 meta 标签，并设置 viewport-fit=cover 值 -->
<meta
  name="viewport"</