feat(pokemon): redesign image display with side thumbnail and modal

Move image thumbnail to the right of base stats Display detailed image information in a modal
2026-05-02 21:15:48 +08:00
parent cf0ae566c0
commit 874ecc5625
3 changed files with 98 additions and 17 deletions
--- a/DESIGN.md
+++ b/DESIGN.md
@@ -277,11 +277,11 @@ Pokemon 列表功能：
 Pokemon 详情页展示：

 - 基本信息
- 已配置图片时，详情主内容顶部展示 Pokédex 风格图片区，包含大图和图片版本说明；未配置图片时不显示图片区。
+- 已配置图片时，详情主内容在六维 Stats 右侧展示正方形居中的 Pokédex 风格图片；页面内不直接展示图片版本、状态或描述，用户可通过图片 Modal 查看详情；未配置图片时不显示图片区。
 - 主内容顶部按以下布局展示：
  - 左上：Genus & Details；无区块标题；如有 Genus，先展示 Genus，再以分割线连接 Details 内容
  - 左下：Height / Weight 与 Types 按 2:1 比例并排；Height / Weight 无区块标题，在 Dimension 区内左右并排展示并以中间分割线隔开，每组按英制、分割线、公制、标签上下排列；Types 不显示 Type 1 / Type 2 文案，上下布局并居中展示
-  - 右侧：六维 Stats
+  - 右侧：六维 Stats；已配置图片时图片展示在 Stats 右侧
 - 六维使用 ProgressBar 展示，最大值按 150 计算。
 - 特长
 - 特长掉落物品