layer.tips背景色必须用tips数组参数传，如[tips: [1, '#2196F3']]，CSS覆盖无效；表单验证需手动接管并return false；方向编号仅限1–4且必须为数组结构；移动端错位时加fixed: true可解决。
layer.tips 背景颜色必须用 tips 数组参数传，CSS 覆盖无效
直接给 .layui-layer-tips 或 .layui-layer-content 写 background-color 样式，加 !important 也没用。因为 layer 每次调用 layer.tips() 都会动态写入内联样式 style="background-color: #ff5722; color: #fff;"，优先级碾压所有外部 CSS。
真正生效的写法只有一种：tips 选项必须是数组，且包含方向编号和带 # 的颜色值：
-
{tips: [1, '#2196F3']}→ 上方弹出，蓝色背景，文字自动反色 -
{tips: [3, 'rgba(76, 175, 80, 0.9)']}→ 下方弹出，绿色半透背景 -
{tips: 3}或{tips: [3, 'green']}→ 全部无效，前者回退黑底，后者因颜色不合法也回退黑底
表单验证里改颜色，得手动接管并 return false
在 form.verify 里如果只返回字符串，比如 return '用户名不能为空'，就会触发 layui 内置的红色提示框，完全绕不开。
要换颜色，必须放弃自动校验流：
- 验证函数里判断失败时，手动调
layer.tips('提示', item, {tips: [1, '#FF5722']})，其中item是当前 input DOM 元素 - 必须
return false，否则仍会继续走内置提示 - 如果用了
lay-submit，它会强制启用内置校验——得去掉lay-submit，改用普通按钮 +form.on('submit', ...)，再手动调form.validate()
方向编号只能是 1–4，字符串或错误值会静默退化
方向不是可配置的字符串，也不是任意数字：
-
1：上方（注意：仅写{tips: 1}不生效颜色，必须是[1, '#fff']） -
2：右侧（默认方向） -
3：下方 -
4：左侧 -
{tips: 'top'}、{tips: 'bottom'}、{tipsColor: '#fff'}→ 全部被忽略，静默退化为2（右侧），且不报错
漏掉数组结构、方向写错、颜色没带 #，这三类错误叠加后，你看到的永远是那个刺眼的黑底白字。
移动端或滚动容器中错位，fixed: true 是最简解
当目标元素在 overflow: scroll 容器里，或父级有 transform、zoom，layer.tips() 的定位计算就会失真，提示框飘到屏幕外或贴着左上角。
别折腾 offset 计算或 getBoundingClientRect 修正：
- 优先加
fixed: true参数，强制用 fixed 定位：{tips: [2, '#3f51b5'], fixed: true} - 确保目标元素（如
item）本身没被display: none或visibility: hidden遮挡 - 如果在
layer.open弹层里调用，建议放到success回调里延后执行，等 DOM 真正渲染完成
真正麻烦的从来不是怎么设颜色，而是每次调用前都得确认：数组结构对不对、# 漏没漏、方向是不是 1–4、目标元素有没有被 transform 干扰——少一个环节，就退回默认黑底。
