通用查询组件 · 「空输入隐藏结果」设置 Demo

交互原型

设置通用查询

✕
多个关键字用逗号分隔，用于站内搜索引导
空输入隐藏结果NEW
开启后，访客未输入内容时不展示任何结果（适用于防伪查询等场景）；关闭则保持现状，空输入展示全部数据。

当前状态

新行为（已开启）
空输入 / 仅空格：不展示任何结果
输入并查询：展示匹配结果；无匹配展示"无结果"空态
清空输入：结果列表同步隐藏
关闭开关即可对比线上现状（旧行为）：空输入直接全量展示所有数据。

前台预览

防伪查询页
首页产品支持防伪查询
输入您设备的PN编码
试试：① 不输入直接点 Query；② 输入 G2F7-2201-A 查询；③ 输入乱码看空态；④ 输入后清空再点 Query。左侧开关可随时切换新旧行为。