#improve
配件与相关产品改成紧凑图片网格
产品详情的配件区域改成紧凑图片网格,每项突出图片和型号。手机与电脑按可用宽度调整列数,查看多种配件时更便于并排浏览。
- 迭代阶段
- v31 · 产品排序与配件展示
- 交付范围
- 正式站已交付
- 关联证据
- PR #88(新窗口打开)
背景与取舍
原来的配件卡片占用空间较大,型号多时需要翻看较长页面。本次以统一的图片区域和型号行收紧展示,同时复用到相关产品区域。
这次改变了什么
- 配件采用白底图片区域与清楚的型号行,减少大卡片的空余空间。
- 手机和电脑分别适配网格列数,窄侧栏也按容器宽度调整。
- 相关产品采用同一组件;当时该字段尚无线上数据,展示结构通过模拟内容验收,真实互链在后续批次落地。
可以学到什么
- 空数据区域的组件通过验收,不代表已经有真实内容。记录界面改动时,应把展示能力与实际数据填充区分开。