yiqiu de16dc47bd 缩小移动端 banner-list 卡片尺寸，优化进度条位置 ...

移动端优化：
- 767px（主要移动端）：
  * 卡片高度 140px → 110px，内边距 16px 12px → 12px 10px
  * 图标尺寸 40px → 32px，字体 14px → 12px
  * 卡片间距 10px → 8px
  * 进度条位置 bottom: 40px → 150px 避免与按钮重合

- 480px（中等手机）：
  * 卡片高度 130px → 115px，内边距 14px 10px → 12px 10px
  * 图标尺寸 36px → 32px，字体 13px → 12px
  * 卡片间距 9px → 8px
  * 行高从 1.3 → 1.2 提升紧凑度

- 360px（超小屏手机）：
  * 卡片高度 120px → 105px，内边距 12px 8px → 10px 8px
  * 图标尺寸 28px → 26px
  * 进度条位置 bottom: 60px → 130px 避免重合

四宫格布局保持 2 列 × 2 行不变，整体更加紧凑美观

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-12-15 21:28:26 +08:00

84 KiB

Raw Blame History

View Raw