Layui搜索框悬浮提示需用layer.tips()手动实现：绑定lay-tips图标mouseenter事件，触发前layer.closeAll('tips')，移动端改用click并适配layer.open()；须防重复绑定、漏mouseleave、动态元素延迟绑定及兜底清理。
layui搜索框本身不支持hover悬浮样式
原生 input 元素没有 hover 悬浮层能力，Layui 也没封装这个行为。所谓“搜索框悬浮样式”，实际是指：用户悬停在搜索框（或其右侧图标）上时，显示一个带文字提示的浮层（tips），比如提示“按回车搜索”“支持模糊匹配”等。这不是 CSS :hover 能解决的，必须用 layer.tips() 手动控制。
用 layer.tips() 绑定 input 或图标 hover 事件
直接给 input 绑 mouseenter 容易误触（尤其移动端），更稳妥的是绑定到右侧的清除图标或自定义提示图标上：
- 确保图标有
lay-tips属性，例如：<i class="layui-icon layui-icon-search" lay-tips="点击展开高级搜索"></i> - 用事件委托监听，避免重复绑定：
$(document).on('mouseenter', '*[lay-tips]', function(){...}) - 每次触发前先关掉已有 tips：
layer.closeAll('tips')，否则会堆叠 - 调用
layer.tips(text, this, { tips: [2, '#3A3D49'], time: 3000 })，其中tips: [2, ...]表示从顶部显示
移动端要禁用 hover，改用 click 触发
iOS 和 Android 上 mouseenter 不可靠，甚至不触发。必须做环境判断：
- 用
'ontouchstart' in window检测是否为触屏设备 - 触屏环境下，把事件换成
click，并改用layer.open()或layer.msg()替代layer.tips() - 不要在同一个 DOM 元素上同时绑
mouseenter和click，容易冲突；建议用条件分支分开处理
别漏掉 mouseleave 清理和重复绑定防护
这是线上最容易出问题的地方：
- 没绑
mouseleave→ tips 一直挂着不消失 - 多次执行初始化（如 tab 切换、局部刷新）→ 同一元素被反复绑定，鼠标一移就弹多个 tips
- 正确做法：
$(document).off('mouseenter', '*[lay-tips]').on('mouseenter', ...) - 如果图标是动态插入的（比如清空按钮随输入出现），要在插入后才绑定，而不是全局一次性绑定
layer.closeAll('tips') 是最简单有效的兜底手段，但不能滥用在高频操作里（比如 input 的 input 事件中）。 
