全站站内搜索非layui内置功能，需组合导航栏搜索入口、表格/弹层展示结果及后端统一检索接口实现；导航栏中input须包裹在layui-nav-item内并加layui-nav-right右对齐，禁用width:100%而显式设宽，table.reload()传where时字段名与后端严格一致且page.curr必须重置为1。
全站站内搜索不是 Layui 内置功能，必须自己组合多个模块实现：导航栏搜索入口 + 表格（或弹层）展示结果 + 后端统一检索接口。Layui 本身不提供「全站索引」或「多表联合搜索」能力。
导航栏里加搜索框，为什么直接放 <input> 会错位
因为 layui-nav 只接受 layui-nav-item 子元素，且内部用 display: inline-block 和固定 line-height 对齐。裸 <input> 被当作文本节点或未适配块级元素，导致垂直偏移、换行或左右间距异常。
- 必须包在
<li class="layui-nav-item">里，推荐加自定义 class 如layui-nav-search - 外层
<li>必须加layui-nav-right才能右对齐（这是 Layui 原生支持的 float 清除方案，兼容 IE） -
<input>必须加class="layui-input"，否则无圆角、边框、统一高度 - 不能设
width: 100%—— 它会撑开layui-nav-item，破坏水平布局；应显式设宽，如style="width: 200px;"
table.reload() 加 where 实现结果列表，字段名和页码最容易错
搜索结果通常用 table 组件渲染，但 table.reload() 不会自动关联导航栏输入框——所有逻辑都得手动写。
- 监听搜索框事件时，
where的 key 必须和后端接口约定完全一致（比如后端要q，你传{ keyword: val }就收不到） - 每次搜索都必须带
page: { curr: 1 }，否则还在第 5 页搜，结果为空用户以为没匹配到 - 别用
table.filter()做“全站”搜索——它只筛当前页数据或本地data数组，无法跨模块、跨表、跨接口 - 如果表格用了
url，就别碰table.cache；想前端筛全量数据，得自己存一份原始数组，再filter()后传data:给reload()
点击搜索框后下拉菜单意外关闭，怎么阻止
导航栏默认行为是：点击任意非 layui-nav-item 区域，已展开的二级菜单会收起。搜索框在 layui-nav-item 里，但没声明为“可交互区域”，Layui 仍把它当普通内容触发关闭。
- 给
<input>加onclick="event.stopPropagation();"，阻止事件冒泡到layui-nav - 不要用
lay-search属性——它只对表格表头有效，对导航栏无效，还可能干扰原生事件 - 如果用了
form.on('submit(filter)')，记得return false，否则表单提交会刷新页面 - 更稳妥的做法：把搜索逻辑从导航栏解耦，点击后打开独立弹层（
layer.open()），在里面放搜索框和结果表格，彻底避开导航栏事件干扰
真正难的不是写代码，而是协调前后端字段名、统一各模块的搜索入口行为、以及处理中文输入法下的防抖时机——这些细节一漏，搜索就“看起来能输，但总差一点”。
