layer.tips提示偏移主因是方向颜色参数格式错误、未手动管理索引、transform/zoom/iframe等导致getBoundingClientRect失准；须用数组如[3,'#fff']、全局变量控制tipIndex、设置tipsMore:false，或改用空span跟随定位。
layer.tips方向和颜色参数必须用数组写法
方向写错或颜色格式不对，是提示偏移的最常见原因——不是位置算错了，而是根本没按预期渲染。layui 的 tips 参数只接受 number 或 array，不能传字符串或对象。
- ❌ 错误写法：
tips: 'bottom'、tips: 3, tipsColor: '#fff'、tips: [3, 'white'] - ✅ 正确写法：
tips: [3, '#ffffff']（下方向 + 白色）、tips: [2, 'rgba(0,166,90,0.9)']（右方向 + 半透绿） - 方向编号固定为：1（上）、2（右）、3（下）、4（左），没有 0 或 5；漏掉数组结构就退化为默认方向 2，且不报错
- 颜色值必须带
#，不支持命名色（如red、white），也不支持无#的十六进制（如fff）
鼠标悬停提示闪退或错位，必须手动管理 layer 索引
靠 time: 0 或自动销毁，会在快速移入移出时残留 DOM 或触发定位重算失败，导致下一次弹出位置偏移。真实场景中，layer.tips 每次调用都生成新实例，不关旧的，坐标就乱了。
- 声明一个全局变量保存当前 tip 索引：
let tipIndex = null - 移入时赋值：
tipIndex = layer.tips(content, elem, { tips: [3, '#fff'] }) - 移出时关闭：
if (tipIndex) layer.close(tipIndex) - 务必显式设置
tipsMore: false，否则多例叠加会干扰定位计算
移动端或 transform 容器内提示偏移，本质是 getBoundingClientRect 失准
layer.tips 依赖目标元素的 getBoundingClientRect() 定位，但这个 API 在以下情况会返回错误坐标：
- 目标元素在
overflow: auto的滚动容器内（比如侧边栏、弹窗 body） - 父级或自身用了
transform: scale(1.2)、translateX(10px)等 CSS 变换 - 页面 zoom > 100%（尤其 Windows 高 DPI 屏幕）
- iframe 嵌套层级过深，跨域限制影响 offset 计算
临时解法：用一个绝对定位的空 <span></span> 贴在目标元素旁，让 layer.tips 的 follow 指向它，绕过原生坐标计算。
表单验证触发的 tips 错位，优先改用 lay-vertype 或自定义容器
直接靠 lay-verify 触发的默认 tips 提示，底层走的是 form 模块的自动定位逻辑，对复杂布局（如 flex 排列、inline-block 输入框、动态插入的 DOM）兼容性差，且无法干预 offset。
- 简单切换：加属性
lay-vertype="alert"或lay-vertype="msg"，避开位置计算 - 精准控制：删掉
lay-verify，改用form.verify()回调 + 自定义 DOM 容器，例如：$(elem).next('.error-tip').text('不能为空') - 若坚持用
tips，必须确保目标 input 是文档流中稳定定位的元素，避免被position: absolute或display: inline-flex扰乱 offset 获取
真正难调的不是方向数字或颜色写法，而是当 tips: [3, '#fff'] 遇上 transform、zoom、iframe、滚动容器时，它可能出现在 DOM 树完全不同的分支里——这时候修 CSS 不如换 follow 目标。
