日期: 2026-02-23 负责人: Pixel (KT-006) / Coco 协调 任务: HiveCosm WeChat Mini-Program 前端脚手架完整交付
本次工作为 HiveCosm 微信小程序构建完整前端脚手架,可在微信开发者工具中打开并编译通过。
app.js — 全局入口,wx.login 登录流程,globalData,三环境 URL 解析app.json — 3-Tab TabBar(首页/对话/我的),全局 custom navigationStyleapp.wxss — 完整 Design Token CSS 变量体系(Nova §1 规范)project.config.json — appid: wx1363e91552527770sitemap.json — SEO 规则utils/constants.js — SERIES(5系列) / RARITY(4等级) / MEMORY_TTL_MS / getMemoryVisuals() / formatRemainingTime()utils/api.js — Atlas API 封装,auto-401 refresh,auth/agent/hive/health 模块utils/auth.js — wx.login → JWT → localStorage 生命周期管理utils/websocket.js — WebSocket 单例,30s 心跳,指数退避重连(max 3次)| 页面 | 核心功能 |
|---|---|
| index | 星空 Canvas 背景,HiveCosm 品牌落地页,CTA |
| claim | 5步认领流程(选系列→扭蛋抽取→结果展示→Agent 对话→完成) |
| chat | 消息气泡,记忆指示器条,WebSocket 预留,实时倒计时 |
| memory | 雾化记忆列表(Nova §3.1),全局倒计时面板,筛选器 |
| profile | 用户卡片,蜂巢状态,功能列表,退出登录 |
| 组件 | 说明 |
|---|---|
| hive-card | 蜂巢卡片(系列色、选中态、compact 尺寸) |
| message-bubble | 聊天气泡(用户/Agent 双向,打字动画,长按事件) |
| memory-card | 记忆卡片(雾化内联样式,过期覆盖层,续费解锁按钮) |
| nav-bar | 自定义导航栏(状态栏适配,Agent 信息模式,slot 插槽) |
static/images/tab-*.png × 6 — TabBar 最小占位 PNG(1×1px,灰色/品牌蓝,待 Nova 出稿后替换)static/images/README.md — 资源规格说明#4A6CF7(以 Nova 设计规范为准,非任务说明中的 #3B82F6)t = remainingHours/12,opacity/blur/grayscale 三维退化type="2d",DPR 缩放,canvas.requestAnimationFramewx.getAccountInfoSync().miniProgram.envVersion → dev/test/prod用微信开发者工具打开 miniprogram/ 目录:
1. 编译通过,无红色报错
2. TabBar 3个 Tab 正常切换
3. 首页显示星空背景 + HiveCosm 品牌文字
4. 记忆页雾化效果可见(Mock 数据已预置)
app.json 中的 requiredPrivateInfos 待确认最终权限清单Pixel (KT-006) 完成交付