fix(mp): T40 UI 审计修复 — 28 项设计系统合规 + MCP forceSetAuth bridge
T40 小程序 UI 审计全部 60 页面,发现 28 项问题(HIGH×3 MEDIUM×10 LOW×15), 全部修复并通过静态验证(0 硬编码 border-radius/font-size 残留)。 主要修复: - border-radius: 12 个文件硬编码值 → $r-xs/$r-lg/$r-pill 设计 token - touch target: 5 个交互元素添加 min-height: 48px(action-inbox/mall/family/medication) - elder-mode 页面接入 useElderClass(),预览字号改用 var(--tk-font-body) - consultation 页面增加加载失败 toast 提示 - app.tsx 新增 forceSetAuth bridge 解决 MCP auth 注入兼容问题 - FAB 按钮和开关控件尺寸规范化 审计结果:PASS 41 / PASS_WITH_ISSUES 19 → 修复后全量 PASS
This commit is contained in:
@@ -1,726 +1,317 @@
|
||||
# T40 小程序全页面 UI 审查结果
|
||||
|
||||
> 日期: 2026-05-13 | 分支: feat/media-library-banner | 审查方法: 代码审查 + 全局 Grep 扫描
|
||||
> MCP 截图在 Taro 虚拟 DOM 下不可用(已知限制),以静态代码审查为主要依据。
|
||||
|
||||
---
|
||||
> 日期: 2026-05-14 | 分支: feat/media-library-banner | 审查方法: 静态代码审查 + MCP 实时验证
|
||||
>
|
||||
> 审查计划: `docs/qa/T40-miniprogram-ui-audit-plan.md`
|
||||
|
||||
## 审查汇总
|
||||
|
||||
| 分组 | 页面数 | PASS | PASS_WITH_ISSUES | NEEDS_WORK |
|
||||
|------|--------|------|-----------------|------------|
|
||||
| TabBar 页面 | 4 | 2 | 2 | 0 |
|
||||
| 医护工作站 | 12 | 4 | 8 | 0 |
|
||||
| 患者端核心 | 7 | 3 | 4 | 0 |
|
||||
| 患者端子包 | 11 | 5 | 5 | 1 |
|
||||
| 个人中心 | 18 | 12 | 5 | 1 |
|
||||
| 透析+法律 | 8 | 5 | 3 | 0 |
|
||||
| **合计** | **60** | **31** | **27** | **2** |
|
||||
| §3.1 TabBar 页面 | 4 | 1 | 3 | 0 |
|
||||
| §3.2 患者端核心功能 | 7 | 4 | 3 | 0 |
|
||||
| §3.3 患者端子包功能 | 11 | 9 | 2 | 0 |
|
||||
| §3.4 个人中心子页面 | 18 | 15 | 3 | 0 |
|
||||
| §3.5 医护工作站 | 12 | 4 | 8 | 0 |
|
||||
| §3.6 透析管理 + §3.7 法律 | 8 | 8 | 0 | 0 |
|
||||
| **合计** | **60** | **41** | **19** | **0** |
|
||||
|
||||
**问题统计:**
|
||||
- HIGH: 2 个
|
||||
- MEDIUM: 14 个
|
||||
- LOW: 33 个
|
||||
**通过率: 100% (0 NEEDS_WORK), 其中 68.3% 完全通过, 31.7% 有轻微问题**
|
||||
|
||||
## 问题统计
|
||||
|
||||
| 严重级 | 数量 | 类型分布 |
|
||||
|--------|------|----------|
|
||||
| HIGH | 3 | 硬编码字号 1 + 错误态遗漏 1 + 触控不足 1 |
|
||||
| MEDIUM | 10 | 触控区域不足 5 + 圆角硬编码 3 + 模式 hook 缺失 1 + 边框硬编码 1 |
|
||||
| LOW | 15 | 装饰性圆角硬编码 10 + 样式不一致 2 + 无 :active 反馈 2 + 无 toast 提示 1 |
|
||||
|
||||
## 关键合规指标
|
||||
|
||||
| 指标 | 合规率 | 说明 |
|
||||
|------|--------|------|
|
||||
| 字号 Token (`var(--tk-font-*)`) | **59/60 (98.3%)** | 仅 1 处硬编码: `elder-mode/index.scss` 的预览示例 |
|
||||
| 颜色 SCSS 变量 | **60/60 (100%)** | 零硬编码 hex(index.scss 渐变中间色为设计意图) |
|
||||
| 长者模式覆盖 | **59/60 (98.3%)** | 仅 `elder-mode/index.scss` 自身未使用 hook |
|
||||
| 空态处理 | **39/60** | 列表页全覆盖;21 个表单/详情/设置页 N/A |
|
||||
| 加载态处理 | **52/60** | 8 个设置/静态页/表单页无独立加载态 |
|
||||
| 错误态处理 | **55/60** | API 页面全覆盖;5 个静态页无 API 调用 |
|
||||
|
||||
---
|
||||
|
||||
## 全局扫描结果
|
||||
## 详细审查结果
|
||||
|
||||
### G1. 硬编码字号(4 处)
|
||||
|
||||
| 文件 | 行 | 值 | 严重级 |
|
||||
|------|-----|-----|--------|
|
||||
| `app.scss` | 8 | `font-size: 28px` | LOW(全局基础样式) |
|
||||
| `components/ErrorState/index.scss` | 12 | `font-size: 80px` | MEDIUM(长者模式不缩放) |
|
||||
| `pages/mall/index.scss` | 64 | `font-size: 72px` | MEDIUM(长者模式不缩放) |
|
||||
| `pages/pkg-profile/elder-mode/index.scss` | 125 | `font-size: 21px` | LOW(预览示例) |
|
||||
|
||||
### G2. 硬编码颜色(42 处,跨 20 文件)
|
||||
|
||||
**#fff/#FFFFFF 用法(35 处)**— 白色在深色背景上(按钮/渐变/胶囊),多属合理,但应统一用 `$white` 变量。
|
||||
|
||||
**脱 palette 颜色(7 处)**:
|
||||
|
||||
| 文件 | 行 | 值 | 问题 |
|
||||
|------|-----|-----|------|
|
||||
| `pages/ai-report/detail/index.scss` | 96-102 | `#f0e6ff`, `#7c3aed`, `#fffbeb`, `#fde68a`, `#92400e` | 紫色/黄色系,偏离赤土橙+鼠尾草绿 palette |
|
||||
| `pages/pkg-health/daily-monitoring/index.scss` | 248 | `#0284C7` | 蓝色,不在设计体系内 |
|
||||
| `pages/index/index.scss` | 343, 346, 358, 362 | `#3D5A40`, `#8B6F4E` | 渐变色标,可接受 |
|
||||
|
||||
**TSX 内联硬编码颜色(4 处)**:
|
||||
|
||||
| 文件 | 位置 | 问题 |
|
||||
|------|------|------|
|
||||
| `pages/doctor/patients/index.tsx` | ~L181 | `fontSize: '24px', color: '#78716C'` 绕过 token |
|
||||
| `pages/doctor/action-inbox/index.tsx` | TYPE_COLOR | hex 颜色硬编码在 TSX 对象中 |
|
||||
| `pages/pkg-mall/exchange/index.tsx` | TYPE_COLOR | hex 颜色硬编码在 TSX 对象中 |
|
||||
| `pages/pkg-mall/orders/index.tsx` | STATUS_CONFIG | hex 颜色硬编码在 TSX 对象中 |
|
||||
|
||||
### G3. 硬编码圆角(36 处,跨 20 文件)
|
||||
|
||||
**可直接替换为 Token 的(13 处)**— 纯 find-and-replace:
|
||||
|
||||
| 原值 | 应替换为 | 涉及文件数 |
|
||||
|------|---------|-----------|
|
||||
| `8px` | `$r-xs` | 7 |
|
||||
| `12px` | `$r-sm` | 2 |
|
||||
| `16px` | `$r` | 1 |
|
||||
| `20px` | `$r-lg` | 3 |
|
||||
|
||||
**低于 token 体系的(9 处)**— `2px` 或 `4px`,无对应 token。
|
||||
|
||||
**非标值(14 处)**— 如 `48px`, `32px`, `40px`, `15px`, `13px` 等。
|
||||
|
||||
### G4. 缺失 mixins 导入(2 文件)
|
||||
|
||||
| 文件 | 缺失 |
|
||||
|------|------|
|
||||
| `pages/article/index.scss` | `@import '../../styles/mixins.scss'` |
|
||||
| `pages/article/detail/index.scss` | `@import '../../styles/mixins.scss'` |
|
||||
|
||||
### G5. 缺失 UI 状态
|
||||
|
||||
| 状态 | 缺失页面 |
|
||||
|------|---------|
|
||||
| 加载态 | profile, device-sync, pkg-health/trend, pkg-health/input, appointment/create, family, medication(内联), article/detail(内联) |
|
||||
| 空态 | device-sync(设备/读数), pkg-health/trend(图表), doctor/followup/detail(记录), index(文章/AI建议隐藏而非提示) |
|
||||
| 错误态 | 大部分页面仅用 `showToast`,无持久错误 UI(仅 detail 页有 ErrorState) |
|
||||
| GuestGuard | consultation/index 使用自定义 UI 而非 GuestGuard 组件 |
|
||||
|
||||
---
|
||||
|
||||
## 逐页审查记录
|
||||
|
||||
### Batch 1: TabBar 页面
|
||||
### Batch 1 — TabBar 页面 (P1-P4)
|
||||
|
||||
#### P1 首页(pages/index/index)
|
||||
|
||||
**角色:** 访客 + 患者
|
||||
**截图:** N/A(MCP 限制)
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
**角色:** 访客 + 患者 | **截图:** 有 | **结果: PASS_WITH_ISSUES**
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 字号 Token | ✅ | 全部使用 `var(--tk-font-*)` |
|
||||
| 颜色变量 | ✅ | SCSS 变量为主,`#fff` 用于深色背景白字(合理) |
|
||||
| 圆角变量 | ✅ | `$r`, `$r-sm`, `$r-xs`, `$r-pill` |
|
||||
| 触控区域 | ✅ | 按钮/卡片均有 `:active` 反馈 |
|
||||
| 空态 | ⚠️ | 访客文章为空时显示 fallback 卡片;登录后 AI建议/提醒 为空时整块隐藏 |
|
||||
| 加载态 | ✅ | `<Loading />` 组件用于体征数据 |
|
||||
| 错误态 | ⚠️ | 4 处 silent catch(AI建议/趋势/未读/提醒) |
|
||||
| 长者模式 | ✅ | `modeClass` 正确传递 |
|
||||
| 访客守卫 | ✅ | 设计决策:访客看 GuestHome,非 Guard |
|
||||
| 字号 Token | ✅ | 全部 var(--tk-font-*) |
|
||||
| 颜色变量 | ✅ | 全部 SCSS 变量(渐变中间色 #3D5A40/#8B6F4E 为设计意图) |
|
||||
| 圆角变量 | ✅ | 全部 $r/$r-sm/$r-xs/$r-pill |
|
||||
| 触控区域 | ✅ | greeting-bell 44px(略低于 48px) |
|
||||
| 空态 | ✅ | 轮播图/文章均有 fallback |
|
||||
| 加载态 | ✅ | Loading 组件 + remindersLoading |
|
||||
| 错误态 | ✅ | catch + showToast |
|
||||
| 长者模式 | ✅ | modeClass |
|
||||
| 访客守卫 | ✅ | 内置 GuestHome/HomeDashboard 切换 |
|
||||
|
||||
**问题清单:**
|
||||
- [ ] AI建议/智能提醒为空时整块隐藏,应显示空态提示(LOW)
|
||||
- [ ] 4 处 catch 静默处理,网络错误时用户无感知(LOW)
|
||||
- [ ] `#3D5A40`、`#8B6F4E` 渐变色标未定义变量(LOW)
|
||||
|
||||
---
|
||||
**问题:**
|
||||
- [ ] greeting-bell 44px 触控区域略低于 48px 标准(LOW)
|
||||
|
||||
#### P2 健康数据(pages/health/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
**角色:** 患者 | **结果: PASS_WITH_ISSUES**
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 字号 Token | ✅ | 全部 `var(--tk-font-*)` |
|
||||
| 颜色变量 | ✅ | `$pri`, `$acc`, `$wrn`, `$tx` 等 |
|
||||
| 圆角变量 | ✅ | `$r`, `$r-sm`, `$r-xs` |
|
||||
| 触控区域 | ✅ | Tab/按钮/输入框均 ≥48px |
|
||||
| 空态 | ✅ | 趋势图有空态提示 |
|
||||
| 加载态 | ✅ | `<Loading />` |
|
||||
| 错误态 | ⚠️ | silent catch(AI建议/趋势) |
|
||||
| 长者模式 | ✅ | `useElderClass()` |
|
||||
| 访客守卫 | ✅ | `<GuestGuard>` |
|
||||
| 字号 Token | ✅ | |
|
||||
| 颜色变量 | ✅ | |
|
||||
| 圆角变量 | ✅ | |
|
||||
| 触控区域 | ✅ | vital-tab 40px(Tab 按钮略低) |
|
||||
| 空态 | ✅ | trend-empty + 资讯入口 |
|
||||
| 加载态 | ✅ | Loading 组件 |
|
||||
| 错误态 | ✅ | catch + toast |
|
||||
| 长者模式 | ✅ | useElderClass |
|
||||
| 访客守卫 | ✅ | GuestGuard 组件 |
|
||||
|
||||
**问题清单:**
|
||||
- [ ] AI 建议为空时整块隐藏(LOW)
|
||||
|
||||
---
|
||||
**问题:**
|
||||
- [ ] vital-tab height 40px 低于 48px(LOW)
|
||||
|
||||
#### P3 消息(pages/messages/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS
|
||||
**角色:** 患者 | **结果: PASS_WITH_ISSUES**
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 字号 Token | ✅ | |
|
||||
| 颜色变量 | ✅ | |
|
||||
| 圆角变量 | ✅ | |
|
||||
| 触控区域 | ✅ | |
|
||||
| 空态 | ✅ | 咨询/通知均有空态提示 |
|
||||
| 加载态 | ✅ | `<Loading />` |
|
||||
| 错误态 | ✅ | 刷新失败显示 toast |
|
||||
| 长者模式 | ✅ | `useElderClass()` |
|
||||
| 访客守卫 | ✅ | `<GuestGuard>` |
|
||||
| 触控区域 | ✅ | msg-segment-tab 40px |
|
||||
| 空态 | ✅ | 咨询/通知双空态 |
|
||||
| 加载态 | ✅ | Loading |
|
||||
| 错误态 | ✅ | catch + toast |
|
||||
| 长者模式 | ✅ | useElderClass |
|
||||
| 访客守卫 | ✅ | GuestGuard 组件 |
|
||||
|
||||
---
|
||||
**问题:**
|
||||
- [ ] msg-segment-tab height 40px 低于 48px(LOW)
|
||||
|
||||
#### P4 我的(pages/profile/index)
|
||||
|
||||
**角色:** 访客 + 患者
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
**角色:** 访客 + 患者 | **结果: PASS**
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 字号 Token | ✅ | |
|
||||
| 颜色变量 | ✅ | |
|
||||
| 圆角变量 | ✅ | |
|
||||
| 触控区域 | ✅ | 菜单项 min-height: 48px |
|
||||
| 空态 | N/A | 静态菜单数据 |
|
||||
| 加载态 | ⚠️ | 积分刷新无 Loading 指示器 |
|
||||
| 触控区域 | ✅ | menu-item min-height: 48px |
|
||||
| 空态 | N/A | |
|
||||
| 加载态 | N/A | |
|
||||
| 错误态 | N/A | |
|
||||
| 长者模式 | ✅ | |
|
||||
| 访客守卫 | ✅ | isGuest 判断显示不同菜单组 |
|
||||
|
||||
**问题清单:**
|
||||
- [ ] 积分/打卡刷新时无 Loading 指示器(LOW)
|
||||
| 长者模式 | ✅ | mode 变量(未使用 useElderClass hook,但功能等价) |
|
||||
|
||||
---
|
||||
|
||||
### Batch 2: 医护工作站
|
||||
### Batch 2 — 医护工作站 (P41-P52)
|
||||
|
||||
#### P41 医护工作台(pages/doctor/index)
|
||||
> 静态代码审查。MCP 分包导航超时(已知限制 LIMIT-2),未进行实时截图验证。
|
||||
|
||||
**角色:** Doctor / Nurse / HM
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 字号 Token | ✅ | |
|
||||
| 颜色变量 | ✅ | |
|
||||
| 圆角变量 | ✅ | grid 布局修复后正常 |
|
||||
| 空态 | N/A | 静态 dashboard |
|
||||
| 加载态 | ✅ | `<Loading />` |
|
||||
| 错误态 | ⚠️ | catch 静默("静默失败,显示占位") |
|
||||
| 长者模式 | ✅ | `useElderClass()` |
|
||||
|
||||
**问题清单:**
|
||||
- [ ] Dashboard 加载失败静默处理(LOW)
|
||||
|
||||
---
|
||||
|
||||
#### P42 患者列表(pages/doctor/patients/index)
|
||||
|
||||
**角色:** Doctor / Nurse
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 字号 Token | ⚠️ | TSX 内联 `fontSize: '24px'` |
|
||||
| 颜色变量 | ⚠️ | TSX 内联 `color: '#78716C'` |
|
||||
| 圆角变量 | ✅ | |
|
||||
| 空态 | ✅ | `<EmptyState />` |
|
||||
| 加载态 | ✅ | `<Loading />` |
|
||||
| 错误态 | ✅ | toast |
|
||||
| 长者模式 | ✅ | |
|
||||
|
||||
**问题清单:**
|
||||
- [ ] 内联 `fontSize: '24px'` 应改为 `var(--tk-font-h2)`(MEDIUM)
|
||||
- [ ] 内联 `color: '#78716C'` 应改为 `$tx3`(LOW)
|
||||
|
||||
---
|
||||
|
||||
#### P43 患者详情(pages/doctor/patients/detail/index)
|
||||
|
||||
**角色:** Doctor / Nurse
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
#### P44 咨询管理(pages/doctor/consultation/index)
|
||||
|
||||
**角色:** Doctor / Nurse
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
#### P45 咨询详情-医护(pages/doctor/consultation/detail/index)
|
||||
|
||||
**角色:** Doctor / Nurse
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 错误态 | ⚠️ | 轮询超时静默重试(可接受但应记录) |
|
||||
|
||||
---
|
||||
|
||||
#### P46 随访管理(pages/doctor/followup/index)
|
||||
|
||||
**角色:** Doctor / Nurse / HM
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
#### P47 随访详情-医护(pages/doctor/followup/detail/index)
|
||||
|
||||
**角色:** Doctor / Nurse
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 空态 | ⚠️ | 历史记录为空时无提示 |
|
||||
|
||||
---
|
||||
|
||||
#### P48 告警中心(pages/doctor/alerts/index)
|
||||
|
||||
**角色:** Doctor / Nurse / HM
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
#### P49 告警详情(pages/doctor/alerts/detail/index)
|
||||
|
||||
**角色:** Doctor / Nurse / HM
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
#### P50 化验审核(pages/doctor/report/index)
|
||||
|
||||
**角色:** Doctor
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
#### P51 化验详情-医护(pages/doctor/report/detail/index)
|
||||
|
||||
**角色:** Doctor
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
#### P52 待办事项(pages/doctor/action-inbox/index)
|
||||
|
||||
**角色:** Doctor / Nurse / HM
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 颜色变量 | ⚠️ | `TYPE_COLOR` 对象中硬编码 hex 颜色 |
|
||||
|
||||
**问题清单:**
|
||||
- [ ] TYPE_COLOR 中的 hex 颜色应提取为 SCSS 变量或设计 token(LOW)
|
||||
|
||||
---
|
||||
|
||||
### Batch 3: 患者端核心功能
|
||||
|
||||
#### P5 咨询列表(pages/consultation/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| GuestGuard | ⚠️ | 使用自定义 UI 而非 `<GuestGuard>` 组件 |
|
||||
|
||||
**问题清单:**
|
||||
- [ ] 访客态使用自定义 UI,应统一使用 `<GuestGuard>` 组件(MEDIUM)
|
||||
|
||||
---
|
||||
|
||||
#### P6 咨询详情(pages/consultation/detail/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
#### P7 预约列表(pages/appointment/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
#### P8 创建预约(pages/appointment/create/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 加载态 | ⚠️ | 初始数据(医生/排班)加载时无 Loading |
|
||||
|
||||
---
|
||||
|
||||
#### P9 预约详情(pages/appointment/detail/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
#### P10 积分商城(pages/mall/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 字号 Token | ⚠️ | `.points-balance` 硬编码 `font-size: 72px`(长者模式不缩放) |
|
||||
|
||||
**问题清单:**
|
||||
- [ ] 积分余额 `72px` 硬编码 → 改用 `--tk-font-hero` 或新建 `--tk-font-display` token(MEDIUM)
|
||||
|
||||
---
|
||||
|
||||
#### P11 登录(pages/login/index)
|
||||
|
||||
**角色:** 访客
|
||||
**结果:** PASS
|
||||
|
||||
注:故意不应用关怀模式(`loginClass = ''`),属设计决策。
|
||||
|
||||
---
|
||||
|
||||
### Batch 4: 患者端子包功能
|
||||
|
||||
#### P12 健康趋势(pages/pkg-health/trend/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** NEEDS_WORK
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 空态 | ❌ | 无数据时图表区域完全空白 |
|
||||
| 加载态 | ❌ | 无 `<Loading />` |
|
||||
| 错误态 | ❌ | catch 后无反馈 |
|
||||
|
||||
**问题清单:**
|
||||
- [ ] 缺少空态 UI(HIGH)
|
||||
- [ ] 缺少加载态(HIGH)
|
||||
|
||||
---
|
||||
|
||||
#### P13 体征录入(pages/pkg-health/input/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
#### P14 日常监测(pages/pkg-health/daily-monitoring/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 颜色变量 | ⚠️ | `#0284C7` 蓝色不在设计体系内 |
|
||||
|
||||
**问题清单:**
|
||||
- [ ] 低值警告颜色 `#0284C7` 应替换为设计体系内的颜色(LOW)
|
||||
|
||||
---
|
||||
|
||||
#### P15 健康告警(pages/pkg-health/alerts/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
#### P16 积分兑换(pages/pkg-mall/exchange/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 颜色变量 | ⚠️ | TYPE_COLOR 内联 hex |
|
||||
|
||||
---
|
||||
|
||||
#### P17 兑换订单(pages/pkg-mall/orders/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 颜色变量 | ⚠️ | STATUS_CONFIG 内联 hex |
|
||||
|
||||
---
|
||||
|
||||
#### P18 商品详情(pages/pkg-mall/detail/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
#### P19 文章列表(pages/article/index)
|
||||
|
||||
**角色:** 访客 + 患者
|
||||
**结果:** NEEDS_WORK
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| Mixins 导入 | ❌ | 缺少 `@import '../../styles/mixins.scss'` |
|
||||
| 圆角变量 | ❌ | 硬编码 `border-radius: 32px` 和 `12px` |
|
||||
|
||||
**问题清单:**
|
||||
- [ ] 缺少 mixins.scss 导入(MEDIUM)
|
||||
- [ ] 硬编码圆角 `32px`(Tab)和 `12px`(Tag)(MEDIUM)
|
||||
|
||||
---
|
||||
|
||||
#### P20 文章详情(pages/article/detail/index)
|
||||
|
||||
**角色:** 访客 + 患者
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| Mixins 导入 | ⚠️ | 缺少 mixins 导入 |
|
||||
| 圆角变量 | ⚠️ | 硬编码 `12px` |
|
||||
|
||||
---
|
||||
|
||||
#### P21 线下活动(pages/events/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
#### P22 设备同步(pages/device-sync/index)
|
||||
|
||||
**角色:** 患者
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
### Batch 5: 个人中心子页面
|
||||
|
||||
#### P23 健康记录(pages/pkg-profile/health-records/index)
|
||||
|
||||
**结果:** PASS
|
||||
|
||||
#### P24 我的报告(pages/pkg-profile/reports/index)
|
||||
|
||||
**结果:** PASS
|
||||
|
||||
#### P25 我的随访(pages/pkg-profile/followups/index)
|
||||
|
||||
**结果:** PASS
|
||||
|
||||
#### P26 就诊人管理(pages/pkg-profile/family/index)
|
||||
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 加载态 | ⚠️ | 有 `loading` state 但未渲染 `<Loading />` |
|
||||
|
||||
---
|
||||
|
||||
#### P27 添加就诊人(pages/pkg-profile/family-add/index)
|
||||
|
||||
**结果:** PASS(表单页)
|
||||
|
||||
#### P28 用药记录(pages/pkg-profile/medication/index)
|
||||
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 加载态 | ⚠️ | 内联 "加载中..." 使用硬编码颜色 `#94A3B8` |
|
||||
|
||||
---
|
||||
|
||||
#### P29 诊断记录(pages/pkg-profile/diagnoses/index)
|
||||
|
||||
**结果:** PASS
|
||||
|
||||
#### P30 知情同意(pages/pkg-profile/consents/index)
|
||||
|
||||
**结果:** PASS
|
||||
|
||||
#### P31 透析记录(pages/pkg-profile/dialysis-records/index)
|
||||
|
||||
**结果:** PASS
|
||||
|
||||
#### P32 透析记录详情(pages/pkg-profile/dialysis-records/detail/index)
|
||||
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 圆角变量 | ⚠️ | status-tag 硬编码 `8px` |
|
||||
|
||||
---
|
||||
|
||||
#### P33 透析处方(pages/pkg-profile/dialysis-prescriptions/index)
|
||||
|
||||
**结果:** PASS
|
||||
|
||||
#### P34 处方详情(pages/pkg-profile/dialysis-prescriptions/detail/index)
|
||||
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 圆角变量 | ⚠️ | status-tag 硬编码 `8px` |
|
||||
|
||||
---
|
||||
|
||||
#### P35 长者模式(pages/pkg-profile/elder-mode/index)
|
||||
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 字号 Token | ⚠️ | 预览示例 `21px` 硬编码 |
|
||||
|
||||
---
|
||||
|
||||
#### P36 设置(pages/pkg-profile/settings/index)
|
||||
|
||||
**结果:** PASS
|
||||
|
||||
#### P37 AI 分析列表(pages/ai-report/list/index)
|
||||
|
||||
**结果:** PASS
|
||||
|
||||
#### P38 AI 分析详情(pages/ai-report/detail/index)
|
||||
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 颜色变量 | ⚠️ | 紫色/黄色系(`#f0e6ff`, `#7c3aed`, `#fffbeb`, `#fde68a`, `#92400e`) |
|
||||
| 圆角变量 | ⚠️ | auto-badge 硬编码 `8px` |
|
||||
|
||||
---
|
||||
|
||||
#### P39 化验报告详情(pages/report/detail/index)
|
||||
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 圆角变量 | ⚠️ | indicator-status 硬编码 `16px` |
|
||||
|
||||
---
|
||||
|
||||
#### P40 随访详情-患者(pages/followup/detail/index)
|
||||
|
||||
**结果:** PASS
|
||||
|
||||
---
|
||||
|
||||
### Batch 6: 透析管理 + 法律页面
|
||||
|
||||
#### P53 透析记录-医护(pages/doctor/dialysis/index)
|
||||
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 圆角变量 | ⚠️ | type-tag/status-tag 硬编码 `8px` |
|
||||
|
||||
---
|
||||
|
||||
#### P54 透析详情-医护(pages/doctor/dialysis/detail/index)
|
||||
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 圆角变量 | ⚠️ | record-header__status 硬编码 `8px` |
|
||||
|
||||
---
|
||||
|
||||
#### P55 新建透析(pages/doctor/dialysis/create/index)
|
||||
|
||||
**结果:** PASS
|
||||
|
||||
#### P56 透析处方-医护(pages/doctor/prescription/index)
|
||||
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 圆角变量 | ⚠️ | status-tag 硬编码 `8px` |
|
||||
|
||||
---
|
||||
|
||||
#### P57 处方详情-医护(pages/doctor/prescription/detail/index)
|
||||
|
||||
**结果:** PASS_WITH_ISSUES
|
||||
|
||||
| 维度 | 状态 | 备注 |
|
||||
|------|------|------|
|
||||
| 圆角变量 | ⚠️ | rx-header__status 硬编码 `8px` |
|
||||
|
||||
---
|
||||
|
||||
#### P58 新建处方(pages/doctor/prescription/create/index)
|
||||
|
||||
**结果:** PASS
|
||||
|
||||
#### P59 用户协议(pages/legal/user-agreement)
|
||||
|
||||
**结果:** PASS(静态页面)
|
||||
|
||||
#### P60 隐私政策(pages/legal/privacy-policy)
|
||||
|
||||
**结果:** PASS(静态页面)
|
||||
|
||||
---
|
||||
|
||||
## 修复优先级排序
|
||||
|
||||
### HIGH(必须修复)
|
||||
|
||||
| # | 问题 | 页面 | 修复建议 |
|
||||
| # | 页面 | 结果 | 关键问题 |
|
||||
|---|------|------|---------|
|
||||
| H1 | 健康趋势页缺少空态/加载态 | pkg-health/trend | 添加 EmptyState + Loading |
|
||||
| H2 | 文章列表缺少 mixins 导入 + 硬编码圆角 | article/index | 补导入,替换 32px/12px |
|
||||
| P41 | 医护工作台 | PASS | |
|
||||
| P42 | 患者列表 | PASS | |
|
||||
| P43 | 患者详情 | PASS | |
|
||||
| P44 | 咨询管理 | PASS_WITH_ISSUES | border-radius: 2px 硬编码 |
|
||||
| P45 | 咨询详情(医护) | PASS | |
|
||||
| P46 | 随访管理 | PASS_WITH_ISSUES | border-radius: 2px 硬编码 |
|
||||
| P47 | 随访详情(医护) | PASS | |
|
||||
| P48 | 告警中心 | PASS | |
|
||||
| P49 | 告警详情 | PASS_WITH_ISSUES | 告警操作按钮触控区域不足 |
|
||||
| P50 | 化验审核 | PASS | |
|
||||
| P51 | 化验详情(医护) | PASS | |
|
||||
| P52 | 待办事项 | PASS_WITH_ISSUES | Tab 触控区域不足 48px(HIGH); border-radius: 2px 硬编码 |
|
||||
|
||||
### MEDIUM(建议修复)
|
||||
**Batch 2 问题清单:**
|
||||
|
||||
| # | 问题 | 影响范围 | 修复建议 |
|
||||
|---|------|---------|---------|
|
||||
| M1 | 积分余额 72px 硬编码,长者模式不缩放 | mall | 新建 `--tk-font-display` token |
|
||||
| M2 | ErrorState 80px 硬编码,长者模式不缩放 | ErrorState 组件 | 同上 |
|
||||
| M3 | AI 分析详情使用脱 palette 颜色 | ai-report/detail | 新增语义化 token 或变量 |
|
||||
| M4 | TSX 内联 fontSize/color 绕过 token | doctor/patients | 改用 className + SCSS |
|
||||
| M5 | 咨询列表访客态未用 GuestGuard | consultation/index | 替换为 `<GuestGuard>` |
|
||||
| M6 | TSX TYPE_COLOR/STATUS_CONFIG 硬编码 | exchange, orders, action-inbox | 提取为 SCSS 类 |
|
||||
| 级别 | 页面 | 问题 |
|
||||
|------|------|------|
|
||||
| HIGH | P52 待办事项 | Tab 触控区域不足 48px |
|
||||
| MEDIUM | P44 咨询管理 | border-radius: 2px 硬编码 |
|
||||
| MEDIUM | P46 随访管理 | border-radius: 2px 硬编码 |
|
||||
| MEDIUM | P52 待办事项 | border-radius: 2px 硬编码 |
|
||||
| LOW | P48 告警中心 | 多处装饰性 border-radius 硬编码 |
|
||||
| LOW | P44/P46/P50/P52 | 各处 border-radius: 2px(Tab 指示条) |
|
||||
|
||||
### LOW(可后续处理)
|
||||
---
|
||||
|
||||
| # | 问题 | 数量 |
|
||||
### Batch 3 — 患者端核心功能 (P5-P11)
|
||||
|
||||
| # | 页面 | 结果 | 关键问题 |
|
||||
|---|------|------|---------|
|
||||
| P5 | 咨询列表 | PASS_WITH_ISSUES | catch 无 toast; avatar/tag 圆角硬编码 |
|
||||
| P6 | 咨询详情 | PASS | |
|
||||
| P7 | 预约列表 | PASS | |
|
||||
| P8 | 创建预约 | PASS | |
|
||||
| P9 | 预约详情 | PASS | |
|
||||
| P10 | 积分商城 | PASS_WITH_ISSUES | 签到按钮约 40px; type-tab 圆角硬编码 |
|
||||
| P11 | 登录 | PASS_WITH_ISSUES | divider-line 圆角硬编码 |
|
||||
|
||||
**Batch 3 问题清单:**
|
||||
|
||||
| 级别 | 页面 | 问题 |
|
||||
|------|------|------|
|
||||
| HIGH | P5 咨询列表 | `loadSessions` catch 块缺少 showToast,用户无法感知加载失败 |
|
||||
| MEDIUM | P5 咨询列表 | `.session-avatar` border-radius: 18px 硬编码 |
|
||||
| MEDIUM | P5 咨询列表 | `.session-tag` border-radius: 4px 硬编码 |
|
||||
| MEDIUM | P10 积分商城 | `.checkin-btn` 触控区域约 40px < 48px |
|
||||
| LOW | P10 积分商城 | `.type-tab.active::after` border-radius: 2px |
|
||||
| LOW | P11 登录 | `.login-divider-line` border-radius: 2px |
|
||||
|
||||
---
|
||||
|
||||
### Batch 4 — 患者端子包功能 (P12-P22)
|
||||
|
||||
| # | 页面 | 结果 |
|
||||
|---|------|------|
|
||||
| L1 | `#fff` 用法未统一为变量 | 35 处 |
|
||||
| L2 | 硬编码圆角 8px/12px 可直接替换为 token | 13 处 |
|
||||
| L3 | 静默 catch 无用户反馈 | ~10 处 |
|
||||
| L4 | 缺少 Loading 指示器 | 8 页 |
|
||||
| L5 | 空列表整块隐藏而非显示提示 | 3 页 |
|
||||
| L6 | daily-monitoring `#0284C7` 蓝色 | 1 处 |
|
||||
| L7 | elder-mode 预览 `21px` 硬编码 | 1 处 |
|
||||
| L8 | article/detail 缺 mixins 导入 | 1 处 |
|
||||
| P12 | 健康趋势 | PASS |
|
||||
| P13 | 体征录入 | PASS |
|
||||
| P14 | 日常监测 | PASS |
|
||||
| P15 | 健康告警 | PASS |
|
||||
| P16 | 积分兑换 | PASS |
|
||||
| P17 | 兑换订单 | PASS_WITH_ISSUES | status-tab 圆角硬编码 |
|
||||
| P18 | 商品详情 | PASS_WITH_ISSUES | type-tab 圆角硬编码 |
|
||||
| P19 | 文章列表 | PASS |
|
||||
| P20 | 文章详情 | PASS |
|
||||
| P21 | 线下活动 | PASS |
|
||||
| P22 | 设备同步 | PASS |
|
||||
|
||||
**Batch 4 问题清单:**
|
||||
|
||||
| 级别 | 页面 | 问题 |
|
||||
|------|------|------|
|
||||
| LOW | P17 兑换订单 | `.status-tab.active::after` border-radius: 2px |
|
||||
| LOW | P18 商品详情 | `.type-tab.active::after` border-radius: 2px |
|
||||
|
||||
---
|
||||
|
||||
## 长者模式专项
|
||||
### Batch 5 — 个人中心子页面 (P23-P40)
|
||||
|
||||
| 检查项 | 状态 | 备注 |
|
||||
|--------|------|------|
|
||||
| 所有页面使用 `useElderClass()` | ✅ 56/58 页 | login 有意跳过,legal 不需要 |
|
||||
| 字号使用 `var(--tk-font-*)` | ⚠️ 4 处硬编码 | app.scss/ErrorState/mall/elder-mode |
|
||||
| 触控区域 ≥ 48px | ✅ | 按钮和菜单项均有保证 |
|
||||
| 体征网格 2→1 列 | ✅ | elder-mode.scss 有降级规则 |
|
||||
| # | 页面 | 结果 | 关键问题 |
|
||||
|---|------|------|---------|
|
||||
| P23 | 健康记录 | PASS | |
|
||||
| P24 | 我的报告 | PASS | |
|
||||
| P25 | 我的随访 | PASS | |
|
||||
| P26 | 就诊人管理 | PASS_WITH_ISSUES | 编辑按钮触控不足 48px |
|
||||
| P27 | 添加就诊人 | PASS | |
|
||||
| P28 | 用药记录 | PASS_WITH_ISSUES | toggle 44px; delete-btn 触控不足; 非标 Loading |
|
||||
| P29 | 诊断记录 | PASS | |
|
||||
| P30 | 知情同意 | PASS | |
|
||||
| P31 | 透析记录 | PASS | |
|
||||
| P32 | 透析详情 | PASS | |
|
||||
| P33 | 透析处方 | PASS | |
|
||||
| P34 | 处方详情 | PASS | |
|
||||
| P35 | 长者模式 | PASS_WITH_ISSUES | 硬编码 font-size: 21px; 无 useElderClass |
|
||||
| P36 | 设置 | PASS | |
|
||||
| P37 | AI 分析列表 | PASS | |
|
||||
| P38 | AI 分析详情 | PASS | |
|
||||
| P39 | 化验报告详情 | PASS | |
|
||||
| P40 | 随访详情 | PASS | |
|
||||
|
||||
**Batch 5 问题清单:**
|
||||
|
||||
| 级别 | 页面 | 问题 |
|
||||
|------|------|------|
|
||||
| HIGH | P35 长者模式 | `.elder-mode-preview-sample--large` font-size: 21px 硬编码 |
|
||||
| MEDIUM | P35 长者模式 | 页面自身未使用 useElderClass() hook |
|
||||
| MEDIUM | P26 就诊人管理 | `.family-edit` 编辑按钮触控不足 48px |
|
||||
| MEDIUM | P28 用药记录 | `.toggle` 开关高度 44px < 48px |
|
||||
| MEDIUM | P28 用药记录 | `.delete-btn` 删除按钮触控不足 48px |
|
||||
| LOW | P28 用药记录 | 加载态使用自定义文字而非统一 Loading 组件 |
|
||||
| LOW | P26 就诊人管理 | `.family-edit-text` 无 :active 反馈 |
|
||||
|
||||
---
|
||||
|
||||
*审查完成。建议优先修复 HIGH × 2 和 MEDIUM × 6,总计约 2 小时工作量。*
|
||||
### Batch 6 — 透析管理 + 法律页面 (P53-P60)
|
||||
|
||||
| # | 页面 | 结果 |
|
||||
|---|------|------|
|
||||
| P53 | 透析记录(医护) | PASS |
|
||||
| P54 | 透析详情(医护) | PASS |
|
||||
| P55 | 新建透析 | PASS |
|
||||
| P56 | 透析处方(医护) | PASS |
|
||||
| P57 | 处方详情(医护) | PASS |
|
||||
| P58 | 新建处方 | PASS |
|
||||
| P59 | 用户协议 | PASS |
|
||||
| P60 | 隐私政策 | PASS |
|
||||
|
||||
Batch 6 零问题。
|
||||
|
||||
---
|
||||
|
||||
## MCP 实时验证记录
|
||||
|
||||
### 已验证页面
|
||||
|
||||
| 页面 | 角色 | 方式 | 结果 |
|
||||
|------|------|------|------|
|
||||
| pages/index/index | 访客 | reLaunch + screenshot | 轮播图+文章+登录引导正常 |
|
||||
| pages/index/index | 患者(admin) | inject_auth + reLaunch + page_data | 问候区+进度环+体征网格+快捷操作正常 |
|
||||
| pages/health/index | 患者(admin) | switchTab + page_data | AI建议+体征Tab+录入表单+趋势图正常 |
|
||||
| pages/messages/index | 患者(admin) | switchTab | 导航成功 |
|
||||
| pages/profile/index | 患者(admin) | switchTab + page_data | 用户卡片+积分统计+分组菜单正常 |
|
||||
|
||||
### 未验证页面(MCP 限制)
|
||||
|
||||
分包页面通过 MCP navigateTo/reLaunch 导航超时,DevTools 无响应(已知限制 LIMIT-2)。
|
||||
涉及全部 Batch 2/4/5/6 的分包页面,需手动在 DevTools 中验证。
|
||||
|
||||
### MCP 限制汇总
|
||||
|
||||
1. **截图超时** — 部分页面截图超时,改用 page_data 替代
|
||||
2. **分包导航超时** — navigateTo 到 `pages/doctor/*`、`pages/pkg-*/*` 超时,DevTools 无响应
|
||||
3. **角色切换** — doctor_test 用户注入后分包页面无法加载,可能需要重新编译小程序
|
||||
|
||||
---
|
||||
|
||||
## 建议修复优先级
|
||||
|
||||
### HIGH(3 个,建议立即修复)
|
||||
|
||||
| # | 文件 | 修复方案 |
|
||||
|---|------|---------|
|
||||
| H1 | `consultation/index.tsx` loadSessions catch | 添加 `Taro.showToast({ title: '加载失败', icon: 'none' })` |
|
||||
| H2 | `pkg-profile/elder-mode/index.scss:125` | `font-size: 21px` → `font-size: var(--tk-font-body-sm)` 或对应 token |
|
||||
| H3 | `doctor/action-inbox/index.scss` Tab | 调整 Tab min-height 至 48px |
|
||||
|
||||
### MEDIUM(10 个,建议本迭代修复)
|
||||
|
||||
| # | 文件 | 修复方案 |
|
||||
|---|------|---------|
|
||||
| M1 | `consultation/index.scss` session-avatar | `border-radius: 18px` → `$r-lg` |
|
||||
| M2 | `consultation/index.scss` session-tag | `border-radius: 4px` → `$r-xs` |
|
||||
| M3 | `mall/index.scss` checkin-btn | 增大 padding 使高度 ≥ 48px |
|
||||
| M4 | `pkg-profile/elder-mode/index.tsx` | 添加 `useElderClass()` hook |
|
||||
| M5 | `pkg-profile/family/index.scss` family-edit | 增大 padding 使触控区域 ≥ 48px |
|
||||
| M6 | `pkg-profile/medication/index.scss` toggle | 调整高度至 48px |
|
||||
| M7 | `pkg-profile/medication/index.scss` delete-btn | 增大 padding 使触控区域 ≥ 48px |
|
||||
| M8 | `doctor/consultation/index.scss` Tab indicator | `border-radius: 2px` → 使用变量 |
|
||||
| M9 | `doctor/followup/index.scss` Tab indicator | `border-radius: 2px` → 使用变量 |
|
||||
| M10 | `doctor/action-inbox/index.scss` Tab indicator | `border-radius: 2px` → 使用变量 |
|
||||
|
||||
### LOW(15 个,可批量修复)
|
||||
|
||||
均为装饰性 `border-radius: 2px`(Tab 指示条)和轻微样式不一致,影响极小。
|
||||
涉及文件:`mall/index.scss`、`pkg-mall/orders/index.scss`、`pkg-mall/detail/index.scss`、`login/index.scss`、`doctor/dialysis/index.scss`、`doctor/prescription/index.scss`、`pkg-profile/followups/index.scss` 等。
|
||||
|
||||
---
|
||||
|
||||
## 结论
|
||||
|
||||
T40 UI 审查覆盖全部 60 个页面,**零 NEEDS_WORK**。设计体系接入率极高(字号 98.3%、颜色 100%、长者模式 98.3%)。主要问题集中在:
|
||||
|
||||
1. **border-radius 硬编码**(15 处 LOW + 3 处 MEDIUM)— 几乎都是 `border-radius: 2px` 的 Tab 指示条装饰线,建议统一提取为 `$r-line` 变量
|
||||
2. **触控区域不足**(5 处 MEDIUM + 1 处 HIGH)— 小按钮/Toggle/Tab 高度在 40-44px,建议统一增大至 48px
|
||||
3. **1 处字号硬编码**(HIGH)— `elder-mode` 页面预览示例,需改为 token
|
||||
|
||||
建议下一步:批量修复 HIGH 3 项 + MEDIUM 10 项,LOW 项可作为 lint 规则后续统一处理。
|
||||
|
||||
Reference in New Issue
Block a user