layer.tips颜色必须用数组如[3,'#ff6b6b']，单写color或tipsColor无效；圆角需通过skin自定义CSS覆盖，加!important并同时设置外层和内容区；transform/缩放下定位易错位，需换目标元素或手动计算位置。
layer.tips 的颜色必须用数组传，不能只写 color 属性
很多人改了 tipscolor 或直接写 tips: 'red'，结果还是黑底——因为 layer.tips 根本不认这两个写法。tips 参数只接受 number（如 3）或 array（如 [3, '#ff6b6b']），其他类型会被静默忽略。
常见错误写法：
-
tips: 3, tipsColor: '#fff'→tipsColor是无效字段，完全被丢弃 -
tips: [3, 'red']→ 浏览器不识别'red'为合法 CSS 颜色值，回退到默认黑色 -
tips: [3, 'ffffff']→ 缺少#前缀，同样失效
正确写法只有这一种结构：tips: [方向编号, 颜色值]，例如：
layer.tips('请输入邮箱', '#email', {
tips: [3, '#ff6b6b']
});
圆角不是 tips 自带的，得靠 CSS 覆盖 layer 内部类
layer.tips 本身没有 borderRadius 这类配置项，它的 DOM 结构是固定三层嵌套：.layui-layer-tips → .layui-layer-content → 文字容器。要加圆角，必须手动覆盖 CSS。
关键点：
- 必须用
!important，否则被 layui 默认样式压制 - 要同时给外层容器和内容区加圆角，否则只加一层会出现“内容溢出直角”
- 推荐用 class 名精准限定，避免全局污染，比如加个自定义 skin：
skin: 'my-tips'
示例 CSS：
body .my-tips .layui-layer-content {
background-color: #ff6b6b !important;
border-radius: 6px !important;
padding: 8px 12px !important;
}
body .my-tips {
border-radius: 6px !important;
}
调用时带上 skin：layer.tips('提示文字', elem, { tips: [3, '#ff6b6b'], skin: 'my-tips' })
移动端或 transform 元素下圆角+颜色容易错位
一旦目标元素用了 transform: scale(0.8)、在 overflow: auto 容器里，或者页面 zoom > 100%，layer.tips 的定位就会偏移——此时你看到的圆角框可能悬在半空，甚至跑出视口。
这不是颜色或圆角的问题，而是定位失效。临时解法：
- 把提示目标换成一个绝对定位的空
<span></span>，贴在原元素旁边，再让layer.tips跟它走 - 避免在
transform元素上直接调用layer.tips，先用getBoundingClientRect()算出真实位置，再手动指定offset - 如果项目允许，改用
layer.tooltip封装（需自行扩展），它对 transform 更友好
最麻烦的是：这些错位不会报错，也不会警告，只会在高缩放、iOS Safari 或嵌套 iframe 里突然出现。
