layer.tips方向参数必须用数组格式[tips编号,颜色]，编号1-4对应上下左右，颜色需带#；多实例需手动管理索引；定位异常需检查DOM渲染时机和transform影响；静态提示应弃用tips改用自定义绝对定位。
layer.tips方向参数必须用数组，不能写字符串
很多人调用 layer.tips() 时写 {tips: 'top'} 或 {tips: 1, tipscolor: '#f00'}，结果提示还是出现在右侧——因为 layui 只认 tips 是数组格式：[方向编号, 颜色]。方向编号固定为：1（上）、2（右）、3（下）、4（左），颜色必须带 #，比如 ['#ff5722'] 合法，'red' 或 'fff' 无效。
常见错误现象：提示始终在右上角飘着、不随 tips 值变化。根本原因是参数格式错，layer 直接退回到默认方向 2（右），且不报错。
- ✅ 正确写法：
{tips: [3, '#FF5722']}（输入框正下方，橙红色） - ✅ 想显示在上方但又怕被导航栏挡住？改用
{tips: [3, '#FF5722'], tipsMore: true}，它会在空间不足时自动切方向，比硬写[1, ...]更稳 - ❌ 错误写法：
{tips: 'bottom'}、{tips: 3, tipsColor: '#f00'}、{tips: [1, 'red']}
验证失败时连续弹出多个提示？必须手动管理索引
layer.tips() 不会自动关闭前一个实例，表单里多个字段验证失败、或用户快速聚焦/失焦，就会堆叠多个提示框，位置互相干扰甚至错位。这不是 bug，是设计如此——它返回的是层索引值，需要你显式维护。
典型场景：循环校验所有 input，每项都调一次 layer.tips()，结果只看到最后一个；或者鼠标在输入框上反复进出，提示框“跳来跳去”。
- 声明一个变量存当前索引：
let currentTip = null - 每次调用前先关掉旧的：
if (currentTip) layer.close(currentTip) - 再赋新值：
currentTip = layer.tips('不能为空', elem, {tips: [3, '#E6A23C']}) - 别依赖
time自动销毁，它只控制单个提示存活时长，不解决多例共存问题
提示总偏移、遮挡或跑到左上角？检查 DOM 渲染时机和 transform 影响
layer.tips() 内部靠 elem.getBoundingClientRect() 定位，一旦元素还没渲染完成、被隐藏（display: none）、或父容器用了 transform/scale/overflow: hidden，坐标就全乱了——常见表现为提示框飞到页面左上角、贴着浏览器边缘、或被裁剪一半。
真实高频问题：折叠面板里的表单项、Tab 切换后首次验证、动态插入的 DOM 节点。
- 确保调用时机：不要在
$(document).ready()外直接执行，更别放在form.on('submit')外围；推荐放进input的blur或form.on('submit')回调里 - 临时修复：加
setTimeout(() => { layer.tips(...) }, 10)，等 DOM 稳定 - 终极解法：如果父容器有
transform，放弃layer.tips()，改用绝对定位的自定义div插入到.layui-form-item内，利用其position: relative做锚点
想让提示文字静态贴在输入框右侧？别碰 layer.tips
lay-vertype="tips" 是悬浮气泡，不是静态红字；return 'xxx' 会强制触发它，位置不可控、样式不可改。要实现“右侧对齐、不浮动、不随滚动偏移、红色小字”，必须绕过整个内置提示链。
核心做法：在 HTML 中每个 input 同级手动加一个空容器，比如 <div class="verify-right"></div>，然后用 CSS 绝对定位，再在 form.verify 回调里操作它。
- CSS 关键点：
.verify-right { position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #FF5722; font-size: 12px; } - JS 操作必须用
$(elem).next('.verify-right')，而不是$('#id').next()，否则动态表单项会失效 - 验证通过时清空：
$(elem).next('.verify-right').text('')，避免残留 - 千万别用
float: right或inline-block，会破坏.layui-input-block的 flex 布局，尤其在响应式下错位
layer.tips()，而是判断什么时候该用它、什么时候该彻底弃用——尤其当输入框在折叠区、iframe 里、或用了 scale 缩放时，强行调用只会让定位越来越不可控。
