Layui中layer.tips自定义提示需用数组格式tips: [3, '#2196F3']指定方向和颜色，禁用字符串；须防重复绑定、手动管理tipIndex关闭；transform/zoom下加fixed: true或用getBoundingClientRect+offset修复定位；表单验证需return false并手动调用layer.tips。
在Layui中为按钮、输入框或表格单元格添加hover提示时，需要精确控制layer.tips弹出方向（比如让提示出现在元素正下方）并把背景色改成品牌蓝（#2196F3），但直接改CSS无效，必须用正确参数结构。
设置tips方向和背景色的唯一有效写法
layer.tips()的tips参数只接受数字或数组，字符串如'top'、'bottom'会被静默忽略，退化为默认方向2（右侧）且不报错。
方向编号固定为：1（上）、2（右）、3（下）、4（左）。颜色值必须带#号，不支持英文名（如'red'）或无#的十六进制（如'ff5722'）。
这一步操作起来很简单，直接把数组传进去就行：
layer.tips('请输入手机号', '#phone', { tips: [3, '#2196F3'] });
【必须写成数组形式[tips编号, '#颜色值']，单写tips: 3或tipsColor: '#2196F3'完全无效】
避免重复绑定与定位偏移的关键处理
在table.done回调里为单元格绑定mouseenter事件时，若未清除旧事件，会触发多个tips叠加闪烁甚至错位。
第一步：先用off()解绑已有事件，再用on()重新绑定；
第二步：调用layer.tips前，检查是否已有tipIndex存在，有则先layer.close(tipIndex)；
第三步：将layer.tips返回的索引存入变量，供mouseleave时精准关闭；
这样能确保每次只显示一个提示，且位置紧贴目标元素底部边缘。
移动端或transform容器中的定位修复
当目标元素位于transform: scale(0.9)的父容器内，或页面存在zoom缩放时，layer.tips自动计算的位置会严重偏移——箭头可能悬空、背景框跑出视口。
方法一：给layer.tips加fixed: true参数，强制使用fixed定位；
方法二：不用原生定位，改用getBoundingClientRect()手动获取元素真实坐标，再传入layer.tips的offset选项；
【加fixed: true后需同步检查遮罩层是否被transform父容器裁剪，必要时将tips挂载到body最外层】
表单验证中接管默认提示并换色
form.verify规则里return字符串会触发内置红底白字提示，无法换色。想自定义，必须中断默认流程。
在验证函数中判断失败后，立即调用layer.tips并return false；
item参数必须传入真实的DOM元素，否则提示框找不到锚点；
如果用了lay-submit属性，内置校验会抢先执行——得删掉lay-submit，改用普通button + form.on('submit', fn)，再手动调validate()逐项校验。
