refactor(pokemon): redesign related pokemon and items layout

Display related Pokemon and items sections side-by-side on desktop Streamline related Pokemon rows by grouping traits and removing labels
2026-05-02 08:44:03 +08:00
parent 21bbbc7137
commit c2f58fe661
3 changed files with 115 additions and 89 deletions
--- a/DESIGN.md
+++ b/DESIGN.md
@@ -223,8 +223,8 @@ Pokemon 详情页展示：
 - 特长掉落物品
 - 喜欢的环境
 - 喜欢的东西
- 相关 Pokemon：按相同喜欢的环境优先，其次按共同喜欢的东西数量从多到少排序；支持按喜欢的环境筛选，默认筛选当前 Pokemon 的喜欢的环境，也可切换到其他喜欢的环境或全部；每个筛选视图最多展示 6 个；展示名称、喜欢的环境、特长和喜欢的东西，并高亮共同喜欢的东西
- 关联喜欢的东西的物品
+- 相关 Pokemon：与关联喜欢的东西的物品在桌面端左右并排展示；按相同喜欢的环境优先，其次按共同喜欢的东西数量从多到少排序；支持按喜欢的环境筛选，默认筛选当前 Pokemon 的喜欢的环境，也可切换到其他喜欢的环境或全部；每个筛选视图最多展示 6 个；每项第一行左侧展示名称，右侧展示特长和喜欢的环境，第二行展示喜欢的东西，并高亮共同喜欢的东西
+- 关联喜欢的东西的物品：与相关 Pokemon 在桌面端左右并排展示
 - 出现的栖息地
 - 最后编辑信息
 - 编辑历史：通过详情页 Tabs 展示