uniapp用indexOf高度适配刘海屏

uniApp是一个基于Vue.js的跨平台应用开发框架，它允许开发者编写一套代码，在iOS、Android等不同平台上运行。对于处理像刘海屏这样的异形屏幕布局，uniApp提供了动态适应性的解决方案，其中包括了`indexOf()`方法的应用。

`indexOf()`在uniApp中主要用于数组操作，查找某个元素在数组中的位置。如果你需要检测页面元素是否位于刘海区域，可以首先获取设备的screen信息，例如状态栏的高度，然后在计算屏幕可视区的位置时考虑这个因素。这里不是直接使用`indexOf()`，而是通过计算：

1. 获取刘海屏顶部（如果存在的话）的高度，比如`const notchHeight = getNotchHeight();`
2. 计算实际可视区域的Y坐标，即`scrollTop + viewportHeight - notchHeight;`
3. 检查目标元素的Y坐标是否在这个范围内。

例如，你可以创建一个方法来检查元素是否在屏幕底部，稍作调整即可用于检测是否在刘海区域：

function isElementInLephtScreen(element, bottomThreshold) {
  const elementTop = element.offsetTop;
  const viewportBottom = window.innerHeight - bottomThreshold;
  
  return elementTop > viewportBottom;
}

// 使用时：
const targetElement = document.getElementById('your-target-element');
const刘海适配阈值 = getNotchHeight() || 0;
if (isElementInLephtScreen(targetElement,刘海适配阈值)) {
  // 元素在刘海区域之外
} else {
  // 元素在正常显示区域
}