ugee

实现方法

• 用系列承载设备类型，把无屏绘图板、数位屏、独立 Android 平板和入门 3D 打印做成一级路径，而不是按品牌术语混排。
• 屏幕、尺寸、压感、笔和系统兼容写在产品对象上；颜色与在售配置走变体，笔尖和支架不进入同一组 option。
• Predictive Search 同时回传商品与系列建议，让搜型号的人和搜 drawing pad 的人都能先落到正确范围。

部署与验收

• 关键特性、箱内清单和兼容说明拆成 section 与 block，用 schema 绑定产品字段，新型号沿用已有设备类型即可进入分流。
• 搜索保留输入中、无结果和键盘操作状态，避免只有精确型号名才能被找到。

实现方法

• UT2、UT3 分别加载 details-page-ut2-3.js、details-page-ut3-3.js 等型号脚本，长页时间轴按 SKU 维护，而不是所有绘图板共用一套滚动编排。
• GSAP 与 ScrollTrigger 组织创作场景的阅读节奏；Swiper 负责画廊和模块轮播，避免滚动叙事和滑动手势抢同一套交互。
• ugee_tab.js 与 details-tab.js 在当前模板内切换规格面板，不靠整页重载购买表单。
• media-gallery.js 与产品表单通过 pubsub.js 同步变体，滚动演示只讲当前配置，不另算一套选项结果。

部署与验收

• 第二屏媒体可延迟加载，首屏先保证设备识别和购买控件。
• 滚动叙事留出暂停、减弱动效和无障碍焦点出口，避免演示锁死页面。
• 型号脚本只挂在对应产品页，UT2 与 UT3 的时间轴互不混用；脚本异常时规格和原生商品表单仍可阅读、可提交。

实现方法

• 配件保持独立产品，用兼容关系挂到主机，库存和售后与 UT2、UT3 主机分开维护。
• product-form.js 与 product-info.js 只处理当前主机变体；pubsub.js 把库存和表单状态同步到画廊与抽屉，配件不改写主机 option。
• 系列和卡片上的 quick-add.js 只提交已确认的主机配置，长页不是唯一加购入口。
• Carebox 扩展停在购物车保修加购，不进入产品变体。

部署与验收

• 抽屉以 Cart Ajax 返回结果为准，数量修改和删除走 change / update，避免页面局部显示过期行项目。
• 移动端快速加购和数量控件避开规格 Tab，箱内清单保持可读。
• 支付与钱包脚本留在结账边界，不和主题里的配件关系绑在一起。