layer.tips的tips参数必须用数组形式如[1,'#fff']才能同时生效方向和颜色，单数字如3仅设方向且颜色固定为黑色；方向编号仅限1–4，字符串或tipsColor等写法无效。
layer.tips 的 tips 参数到底怎么写才生效
方向和颜色必须用数组，单数字只设方向，颜色永远不生效——这是最常踩的坑。
-
tips: 3→ 只表示“下方”，颜色固定为黑色，改不了 -
tips: [3, '#ff6b6b']→ 正确：方向+颜色，#不能省，RGBA 也支持，比如[3, 'rgba(255,100,100,0.9)'] -
tips: 'bottom'或tipsColor: '#fff'→ 完全无效，layer 静默忽略，回退到默认右向+黑底 - 方向编号只有 1–4：
1（上）、2（右）、3（下）、4（左），别写字符串
怎么让提示框出现在 input 上方而不是右边
默认 tips: 2 是右侧，想放上方必须用 [1, ...] 并配合 tipsMore: true，否则定位计算会失效。
- 仅写
tips: 1不够，得加tipsMore: true才触发上方位计算逻辑 - 目标元素（如
#username）必须已渲染、可见、没被display: none或transform干扰，否则offset()返回 {top: 0, left: 0} - 如果父容器有
overflow: hidden或用了 flex/grid 布局错位，建议把 follow 元素换成它的父级div.layui-form-item更稳 - 实在定位不准，可延时执行：
setTimeout(() => layer.tips('提示', elem, { tips: [1, '#fff'] }), 10)
圆角、字体大小、背景透明度这些怎么改
layer.tips 没提供 border-radius 或 font-size 配置项，所有样式必须靠 CSS 覆盖，且必须加 !important。
- 先定义自定义 skin：
skin: 'my-tips'，避免污染全局 - 然后在 CSS 里写：
.my-tips .layui-layer-content { border-radius: 4px !important; font-size: 12px !important; }<br>.my-tips { border-radius: 4px !important; } - 注意要同时覆盖外层容器（
.my-tips）和内容区（.layui-layer-content），否则圆角会漏边
- 背景色已在
tips: [3, '#fff'] 里控制，透明度只能靠 rgba 实现，比如 <code>[3, 'rgba(255,255,255,0.9)']
多个提示共存、旧提示不消失怎么办
layer.tips 不自动销毁前一个实例，连续调用等于堆叠——这不是 bug，是设计如此。
- 每次调用前先关掉旧的：
layer.close(tipsIndex)，前提是你要存住上次返回的索引 - 更稳妥的做法是统一管理：
var tipsIndex = layer.tips('xxx', elem, { time: 0 })，下次触发前先if (tipsIndex) layer.close(tipsIndex) -
time: 3000只控制自动销毁，解决不了「同一时刻多个提示并存」的问题 - 表单验证场景尤其要注意：input 失焦、提交校验、实时校验可能触发多次，必须手动清理
