feat(uniapp): restore home page design

2026-07-31 18:12:46 +08:00
parent fdf8022662
commit deb6ce0e97
5 changed files with 667 additions and 258 deletions
@@ -13,6 +13,26 @@

 ## 一、已完成事项

+### 89. 移动端首页设计稿还原
+
+- 状态：代码已修改，待页面验收 - 时间：2026-07-31
+
+完成内容：
+- 首页按设计图重构为固定头部与频道栏、“今日焦点”赛程卡、主推资讯大图和“最新资讯”列表四个区域。
+- 复用既有 `/api/match/lists` 与 `/api/article/lists` 接口，首页焦点赛程优先展示进行中与未开始的前两场，未新增后端接口或业务字段。
+- 首屏资讯以现有文章封面生成主推卡，后续资讯统一使用双列文字/缩略图信息卡；外链图片增加 `referrerpolicy="no-referrer"`，加载失败时隐藏无效缩略图，避免展示浏览器错误占位。
+- 首页滚动区改为 `flex: 1; min-height: 0` 自适应布局，移除 JS 高度计算，规避 iOS 安全区下滚动区与 TabBar 之间出现间隙的问题。
+- 首页 AI 助手入口新增圆形机器人样式变体，仅首页使用，其他入口保持原有“AI 助手”按钮样式。
+
+涉及模块：
+- `uniapp/src/pages/index/index.vue`
+- `uniapp/src/components/feed-card/feed-card.vue`
+- `uniapp/src/components/ai-assistant-entry/ai-assistant-entry.vue`
+- `docs/设计稿映射.md`
+
+验证说明：
+- 按当前任务要求，未执行 H5 构建或浏览器页面验证。
+
 ### 88. HG 赔率平台展示名统一为皇冠

 - 状态：代码已修改，待构建与页面验证 - 时间：2026-07-13