Layui tips需手动定位并禁用自动重定位：用getBoundingClientRect获取元素位置，按方向计算offset[y,x]，调用layer.tips时传入area、offset、tips参数，并执行layer.config({resize: false, moveOut: false})关闭自动调整，再绑定mouseenter/mouseleave事件动态控制显隐。
要在页面中让Layui的tips提示层精准吸附在某个DOM元素边缘（比如按钮右侧、输入框下方），不能直接用layer.tips()默认居中定位，必须手动控制弹出位置并禁用自动偏移逻辑。
准备基础条件
确保已正确引入Layui框架（v2.8+）且layer模块已加载；目标元素需有稳定ID或可唯一获取的DOM引用，例如：<button id="triggerBtn">悬停显示tips</button>。
这一步操作起来很简单，直接把文件拖进去就行。
用layer.tips()配合area和offset参数手动定位
调用layer.tips时传入area（宽高）、offset（相对于触发元素的偏移坐标）、tips（方向与颜色）三个关键参数，其中offset必须设为数组格式[y, x]，单位为像素。
方法一：吸附在元素右侧中间位置
先用document.getElementById('triggerBtn').getBoundingClientRect()获取元素位置→计算右侧中点坐标→传入offset: [top + height/2, width + 10]→调用layer.tips('内容', '#triggerBtn', {tips: [2, '#393D49'], area: ['auto', 'auto'], offset: [top + height/2, width + 10]})。
方法二：吸附在元素正下方居中位置
获取触发元素的bottom和left值→设置offset: [bottom + 8, left + width/2]→同时将tips[0]设为3表示“上箭头”，使tips指向元素顶部→注意此时offset[1]是相对于整个视口的X坐标，不是相对元素的偏移量，所以必须用left + width/2而非纯数值。
禁用layer自动重定位避免错位
Layer默认会在窗口缩放或滚动后重新计算tips位置，导致吸附失效。必须在初始化时关闭该行为：layer.config({resize: false, moveOut: false})。
【resize: false必须设置，否则窗口调整大小后tips会突然跳到屏幕中央】
这行代码只需执行一次，放在所有layer调用之前即可。
绑定事件并动态计算位置
第一步：给触发元素绑定mouseenter事件，获取其getBoundingClientRect()返回的对象rect。
第二步：根据所需吸附方向计算目标坐标：
→若要右对齐：x = rect.right + 12，y = rect.top + rect.height / 2；
→若要下对齐：x = rect.left + rect.width / 2，y = rect.bottom + 8。
第三步：调用layer.tips(content, triggerElem, {tips: [direction, color], offset: [y, x], time: 0, closeBtn: 0, shade: 0})，其中time: 0防止自动关闭，closeBtn: 0隐藏关闭按钮，shade: 0去除遮罩层。
第四步：监听mouseleave事件，在延迟200ms后调用layer.close(layer.index)关闭当前tips——延迟是为了支持鼠标滑向tips区域时不闪退。
