这次改版只做一件事——把「找货」变短。 打开首页，系统先认出你的手机型号，直接把对应盒号摆到你面前； 认不出，就用一句话告诉你手动搜，而不是先甩一屏产品让你自己翻。 连清空搜索词，也不会再倒出一整屏产品。

新首页：铺满整屏的轮播背景、悬浮的搜索区，以及「认不出机型」时的明确提示。

① 打开就认机型，结果直接对上

旧版首页默认铺一整个产品列表，用户还得自己判断「哪个才是我的机型」。 新版把顺序倒过来：先认机型 → 再出结果。 安卓 / 鸿蒙 / iOS 手机访问时会自动识别型号，识别成功时列表上方会出现一条设备信息条 （机型 + 发布时间），随时能确认认没认对。

识别成功：顶部设备信息条 + 该机型的盒号结果

② 没有搜索条件时，一律不甩列表

电脑访问、浏览器隐藏了机型、或者遇到冷门机型，识别都会失败。这时不再显示全量产品， 只给一张提示卡：「未识别到设备型号，请手动搜索型号」，点一下就直接打开机型搜索。

未识别到机型时：一句提示 + 一键手动搜索

清空搜索词同样不再加载产品。 清空后页面回到空闲态，只提示「输入手机型号 / 编号开始搜索」， 这次连请求都不发——不会再把一整屏产品倒出来，往下滚也不会。 之前识别到的机型仍留在设备条里，点它就能重新搜。

清空搜索词后：设备条保留 + 空闲提示，不再加载产品

③ 产品卡做减法：只留「盒号 + 分类」

产品名、价格、适配型号清单、浏览量……全部收起，只保留两个信息：盒号和分类。 盒号做成大号彩色徽标（颜色取自分类），扫一眼就能报号；分类名退成辅助标签。 仓库和打包环节说的是「盒号」，界面就只给盒号。

搜索结果：盒号做主视觉，分类名做辅助

④ 同样一屏，看到更多盒号

卡片变矮、信息密度上来了，翻页次数自然就少。 长列表依旧顺滑滚动，背景板固定不动，视线不会被拽走。

一屏能看到更多盒号，减少翻页

⑤ 视觉升级：全屏轮播背景板 + 浮在上面的内容组

顶部轮播从「通栏横幅」改成铺满整屏的背景板：多张图时用 渐隐渐显（交叉淡入淡出）切换，不再左右位移； 搜索框、设备信息条、产品列表作为一组浮在背景之上—— 左右留边距、竖直居中偏上， 30% 白底只包住这一组内容，背景图不再被整屏压灰。

（静态截图看不出淡入淡出，上面几张截的都是轮播停稳的一帧。）

⑥ 多余入口下线：分类标签 + 排序按钮

搜索框下面那条分类横条、右下角的排序按钮都移除了。 它们原本都会把用户带回「浏览全量列表」——和「只做搜索」的新首页相冲突。 现在首页的核心路径只剩「认机型 / 搜机型 → 看盒号」，不再要求先选一次分类。

改版前后对比

上线说明

• 样式与脚本按文件时间自动加版本号，无需手动清缓存，刷新即生效。
• 新增提示文案已同步 9 种语言（中 / 英 / 越 / 泰 / 马来 / 法 / 意 / 阿 / 俄）。
• 本次只动前台首页与样式层，后台与数据库结构不变。
• 手机端优先：窄屏自动留边距、居中偏上；宽屏内容列保持居中。

找货这件事，本来就该是一眼的事。

—— GearFit_B 产品团队