温序杯业 WENXU 官网

经销商和批发采购客户在联系工厂前，需要快速判断产品范围、定制能力与合作流程。温序杯业以虚构保温杯工厂为载体，将这些信息组织成一条清晰、可操作的采购浏览路径。

项目同时保留消费者零售入口，但核心任务是帮助 B2B 客户完成选款、了解定制能力并形成结构化采购意向。

访客可以按分类浏览 6 款演示产品，为每款产品切换两种配色，并在详情弹层中查看容量、特点和适用场景。选中产品后，系统会自动带入采购表单，减少重复填写。

Logo、颜色、包装与开模开发四项服务分别连接到采购需求，配合制造能力、合作流程和常见问题，形成从了解工厂到提交询盘的完整闭环。

项目使用 React 19 与原生 CSS 实现单页交互，包含吸顶导航和栏目高亮、手机菜单、FAQ 展开、原生 Dialog 弹层、键盘关闭和背景滚动锁定。

采购表单提供联系人、手机号和数量校验，提交时展示加载状态和明确的演示成功反馈；产品选款进入询价后会保留型号、容量与当前配色提示。

界面采用暖白与森林绿配色，强化自然、稳重和制造业品质感。桌面、平板与手机布局均完成视觉和交互检查，没有横向溢出。

分类筛选、配色同步、详情到询价预填、表单错误状态、演示提交、FAQ、弹层与手机导航均通过浏览器验证，生产构建与 Worker 页面回退测试通过。

当前版本是高保真前端演示，没有真实业务后端。采购表单不会发送或保存询盘，消费者零售入口也没有关联真实店铺。

账号、订单、支付、数据库、中英双语和独立产品页面均未实现，后续接入真实业务时需要补充服务端校验、结构化产品与颜色 ID、数据存储及失败重试。