 WorkBuddy
|
1ad9793ea2
|
重构底部导航图标：照参考图重做形状与配色
- 5 个 Tab 图标形状改为参考图语言：房子(首页)/爱心(找对象)/对话气泡(消息)/日历加号(活动)/人物(我的)
- 配色改为参考图方案：默认态藏青蓝 #47528C、选中态玫红 #F4005A（与导航栏品牌色同系）
- 同步重生成 1x/2x/3x 共 30 张透明 RGBA PNG（Edge CDP 栅格化）
- app.json tabBar.color/selectedColor 对齐新配色
- 守卫 tabbar-icons.mjs 增加两态颜色与 app.json 一致性断言
- 静态预览复刻 tabBar 配色同步更新；DESIGN.md 同步
|
2026-09-23 16:30:32 +08:00 |
|
|
WorkBuddy
|
45e84722e1
|
fix(miniapp): 修复底部 tabBar 图标全部消失（开发者工具误删 app.json 专属图标）
根因：微信开发者工具（>=1.05.2112301）的 ignoreDevUnusedFiles 会按 WXML/JS 依赖分析过滤
"无依赖"文件。tabBar 图标仅在 app.json 中声明，不属于任何页面 WXML/JS 依赖，被误判为无用
文件从开发包剥离，导致 5 个图标全部加载失败（渲染为破图占位）。
修复：
- 在 project.config.json 与 miniapp/project.config.json 的 setting 中显式关闭
ignoreDevUnusedFiles / ignoreUploadUnusedFiles（false），阻止图标被过滤。
- 同步关闭本地 gitignore 的 project.private.config.json（DevTools 运行时实际读取项）。
- 预览通道 scripts/preview-miniapp.mjs：补全 /assets 绝对路径→相对路径重写，并手动复刻
原生 tabBar（原生 tabBar 不在任何页面 WXML 中，静态预览需自行复刻）。
- 回归守卫 ui-tests/tabbar-icons.mjs 扩充为 5 段，覆盖根因（配置开关）+ 预览复刻。
- miniapp/assets/tabbar/DESIGN.md 增加根因警示，防止后续被误开开关。
验证：UI 契约 23/23 全绿（tabbar-icons.mjs 位于 [19/23]）；CDP 渲染实测 127 张图 0 破图，
5 个 tabBar 图标 naturalW=81 全部加载，选中色 rgb(233,107,107)、未选 rgb(153,153,153)，
与 app.json selectedColor/color 一致。
|
2026-09-23 15:57:04 +08:00 |
|
|
WorkBuddy
|
f4e00b4d95
|
feat(miniapp): 首页 4×2 入口宫格图标改版为参考图 2 的渐变砖 + 白色图形
参考图 2 的视觉语言是「高饱和渐变圆角砖 + 白色描画图形 + 主标题/副标题双层文字」，
原实现是「浅色底砖 + 彩色线性 PNG + 单行标题」，两者差异较大，本轮按参考图重做。
- app.wxss：新增 8 个 --gradient-entry-* 渐变 token 与 --mini-entry-shadow。
白图形的判据取**非文本图形 3:1**（WCAG 1.4.11）；渐变是斜向的、图形又跨在两色之间，
故以「较亮端」为准逐色实算（3.00~3.02:1，较暗端 3.54~4.08:1），实算值写在 token 注释里。
- index.wxss：.entry-icon 由 72rpx 浅色砖改为 96rpx 渐变砖（radius 28rpx + 落影）；
图形改用 data-uri SVG 背景层（几何图形统一 24×24 viewBox），砖面走 --gradient-entry-*；
新增 .entry-sub（12px muted 副标题）；删除已无用的 .entry-icon-image。
小屏 @media(≤340px) 同步收紧，副标题不降到 micro —— micro 在本项目是「仅角标/装饰」档位，
这行字承载语义，不属于装饰。
- index.wxml：宫格项去掉 <image>，图标改为纯 CSS 砖；补 aria-label 承接图形语义。
- index.ts：tone 名与色相语义对齐（rose/orange/violet/blue/purple/pink/green/amber），
并补 subtitle；entry 不再持有 iconAsset（图标不再是图片资源）。
- preview-miniapp.mjs：首页 mock 同步 tone/subtitle，预览才能看到真实砖面与副标题。
渲染态实测（无头浏览器 + CDP，非真机渲染）：
- 8 个 .entry-item 均渲染出 label + subtitle；.entry-icon 计算样式 48×48px / radius 14px /
background-image 含 svg 且为两层（图形 26px + 渐变铺满）；label 14px/600；sub 12px #7D839B。
- 证据截图：artifacts/ui-redesign/miniapp/home-entries-page.png 与 home-entries-grid-zoom.png。
门禁：UI 契约 23/23；语种审计 0 命中；tsc --noEmit 通过；wcc/wcsc 真编译 88 WXSS + 86 WXML / 0 失败。
未改（需产品确认）：第 8 项业务名仍是「善缘服务站」（参考图 2 写作「万善缘地」），
副标题自拟为「就在身边」；渐变整体比参考图略深，以保证白图形对比度达标。
|
2026-09-23 15:22:23 +08:00 |
|
|
WorkBuddy
|
1fc34f1bcd
|
fix(miniapp): 修复导航页与微信胶囊重合，并把首页两个栏目卡缩到 1/3
问题 1：五个导航页顶部与右上角胶囊按钮（··· ⊙）重合
- 根因：自定义导航用 env(safe-area-inset-top) 取的是设备物理安全区，
在 Android 上常为 0，完全不反映胶囊位置；且右对齐元素从未为胶囊让出宽度。
- 新增 miniapp/utils/nav-metrics.js 作为唯一事实源：以
wx.getMenuButtonBoundingClientRect() 实测胶囊矩形，反推并导出四个 CSS 变量
--nav-status / --nav-h / --nav-right / --nav-top，并提供无接口时的兜底值。
- nav-bar 组件改为自行获取导航度量（attached + observer 双触发），
标题按胶囊垂直居中并收窄 max-width；外部传参降级为兜底。
- index / discover / messages / activity / mine 五页根结点注入同一组变量，
WXSS 里的 env(safe-area-inset-top)、硬编码 88rpx 与右对齐 right:0 全量替换。
问题 2：首页「善缘公益服务」「善缘安全提醒」两个栏目过宽
- 根因：封面 <image> 只声明 width 未声明 height，小程序默认按 240px 计算，
实际把卡片撑到约 480rpx 高。
- 按「整体等比缩到 1/3」重构：两栏改为 mini-card 小卡，宽度
calc((100% - 2*gap)/3)、高度写死 168rpx，封面 height:100%；
公益服务一行三卡横向排布，安全提醒为「标题小卡 + 右侧文案条」，
长文案收进详情页，安全提示原文保留。
守卫与验证
- 新增 ui-tests/miniapp-capsule-safe-contracts.mjs：
A 层多机型断言导航行与胶囊垂直居中、右对齐让位、navTop 与兜底值；
B 层纯函数审计五个自带导航行页面（页面清单由文件系统推导，失配直接报红）；
C 层断言首页小卡宽为 1/3 且显式声明高度，并钉住旧 service-/safety- 选择器回归。
审计前剥离注释，避免守卫被自身示例文本误伤。
- 新增 scripts/audit-image-height.mjs：按属性名精确比对，审计全仓
「有 width 无 height」的 <image>，当前 30 个类 0 命中。
- 负向注入 N1~N7（含 nav-safe 未接入、旧选择器回归、极小屏幕、无胶囊兜底等）
全部被守卫咬住并 exit 1，还原后复跑通过。
- 真编译（wcc/wcsc）：WXSS 88 / WXML 86，失败 0；
tsc --noEmit 通过；UI 契约门控 21/21 PASS（新增第 21 个守卫并抬高 MIN_GUARDS）。
- 渲染探针实测：单卡 213rpx x 168rpx；五页右对齐元素右缘 423~528px，
均在胶囊右缘 365px 之外。
未纳入本次提交：miniapp/project.config.json（微信开发者工具自动改写，
仅追加若干布尔开关并删掉文件末换行）与生成的预览页 artifacts preview.html
（约 7900 行生成产物），以免淹没代码评审视线。
|
2026-09-23 09:55:40 +08:00 |
|
|
Codex
|
ce172ffd4f
|
feat(ui): activity 页迁 TS + 修复过期契约 + 新增 11 页静态预览器
## 背景
2026-09-13 UI 重设计方案的 13 个契约门禁中 3 个为红，逐一查明性质后分类处理。
## 1. activity 页迁移 TypeScript（11/11 页现已全 TS）
- activity.js → activity.ts（139 行），业务逻辑零改动，仅补类型
- 此前 STATUS.md 记「9/11 TS-only、3 页待迁」，但 messages/matchmaker
已在 4f91be0 迁完，实际只剩 activity 一页，本提交后清零
## 2. miniapp-reference-contracts 契约自身过期（非代码问题）
- 契约引用 messages.js / matchmaker.js / activity.js，但页面已 TS 化，
readFileSync 抛裸 ENOENT 栈，看不出「契约引用了陈旧文件名」这一真实原因
- 改为统一走 readPageLogic(page)：断言 .ts 存在 + .js 不存在（锁单一运行源），
找不到文件时给出可读断言而非崩溃
- 核心 11 页循环内统一加 TS-only 校验，防止 JS 回流
## 3. phase07-home-contracts 契约断言架构写反（非代码问题）
- 契约要求 HomeApplicationService 字面出现 userIdentityMapper.findByUserId，
但实际是 capabilityService.isIdentityVerified(userId)（HomeApplicationService:116）
- 这符合 AGENTS.md #26「前端入口可见性由服务端 CapabilityService 返回决定」，
让首页穿透 Capability 直接持有 mapper 反而是架构重复
- 且契约自身另一条已断言 CapabilityService 必须有 isIdentityVerified，
两条要求互相矛盾
- 改为：查库断言落在 caps 侧；首页断言必须委托 capabilityService.isIdentityVerified；
新增 doesNotMatch(home, /userIdentityMapper/) 禁止首页绕过 Capability
- 保留原有 doesNotMatch(home, /setVerified\(true\)/) 防硬编码断言
## 4. 新增 11 页静态预览器（本机无微信开发者工具）
- scripts/preview-miniapp.mjs：把 WXML + WXSS 转成可浏览器打开的静态 HTML
- 能力：wx:if/wx:elif/wx:else 链、wx:for 列表、嵌套三元、比较/取反运算、
自定义组件按属性展开、slot 替换、rpx→px 换算、组件样式收集
- mock 数据严格对齐 types/index.d.ts 与各页 WXML 实际读取字段
（如 regionName/heightCm/educationCode、status: registration_open），
不用想象字段，避免误导验收判断
- 产出 artifacts/ui-redesign/miniapp/preview.html（11 页可切换，284K）
- 明确边界：非真机渲染、不执行页面 JS、不连后端，
只用于视觉走查，不得作为功能验收证据
## 验证
- 契约门禁 12/13 通过（唯一红的 ui-document-baseline-contracts 涉及
STATUS.md 验收口径，待用户看真机效果后裁决，本轮不动）
- 11 页渲染体量：116/70/47/56/94/68/39/39/41/37/38 个类名元素，
零残留 {{}} 插值、零残留原始组件标签
- 小程序 tsc --noEmit 通过
|
2026-09-16 12:33:48 +08:00 |
|