需手动接管 layer.tips() 实现可控表单验证提示：改用 form.validate() 主动校验，通过 getBoundingClientRect() 计算位置，用 tips 参数控制方向，配合 currentTip 管理实例避免冲突。
默认会弹出 tips 气泡，但位置固定、样式不可控，且多个错误时只显示最后一个；真要用好提示，得绕过自动验证流程，手动接管 layer.tips()。
form.validate() 手动触发验证并拦截错误
内置的自动验证（比如点 lay-submit 按钮）会直接调用内部 layer.tips()，不给你改位置或时长的机会。必须改用 form.validate() 主动校验，并在回调里处理失败项：
- 把提交按钮改成
type="button"，去掉lay-submit - 在
form.on('submit(...)')里调用form.validate(function(errors, elem) {...}) -
errors是对象，如{ username: '用户名不能为空' }，elem是第一个出错的 DOM 元素（注意：不是 jQuery 对象） - 别直接对
elem调layer.tips()—— 它可能还没渲染完成，推荐用elem.getBoundingClientRect()算位置
layer.tips() 的方向和偏移怎么调准
layer.tips() 默认以元素左上角为锚点向右上方弹，极易被遮挡或跑偏。方向由 tips 参数控制，但必须配合真实 DOM 坐标微调：
-
tips: [2, '#FF5722']表示向右弹出，适合大多数输入框（避免遮挡文字） -
tips: [3, '#E6A23C']表示向下，适合顶部空间紧张或有 fixed 导航栏的页面 - 别用
tips: [1, ...]（向上），移动端易出界，且常被导航栏挡住 - 如果提示仍偏移，用
setTimeout(() => { layer.style(index, {left: ..., top: ...}) }, 0)重设坐标，left和top基于getBoundingClientRect()计算
多个字段同时出错时怎么避免提示打架
layer.tips() 不会自动管理多个实例，连续调用会导致旧提示没关、新提示乱叠，甚至定位错乱：
- 声明一个变量存当前索引：
let currentTip = null - 每次调用前先关掉旧的：
if (currentTip) layer.close(currentTip) - 赋新值：
currentTip = layer.tips('...', elem, { tips: [2, '#FF5722'] }) - 别依赖
time自动销毁——它只控制单个存活时长，不解决多例共存问题 - 更稳妥的做法是提前执行
layer.closeAll('tips')，尤其在表单频繁交互场景下
真正难的不是弹出提示，而是确保它出现在用户视线焦点处、不被裁剪、不和其他提示冲突。DOM 渲染时机、父容器 transform 或 overflow: hidden 都会让 getBoundingClientRect() 失效，这些细节往往比写逻辑更花时间。
