iven
|
551d19d921
|
fix(mp): 修正 design token 字号对齐原型 + ContentCard margin prop
- tokens.scss: 修正字号 token 对齐 18 份原型稿 fontSize 统计
--tk-font-h1: 26→28px, --tk-font-h2: 24→22px
--tk-font-body-lg: 28→18px, --tk-font-body: 22→16px
--tk-font-body-sm: 16→14px
elder-mode 同步重新计算比例系数
- ContentCard: 新增 margin prop ('none'|'md')，margin-bottom
从 CSS 类移至 inline style，支持列表容器内无间距模式
- Profile 页: 用户卡片添加 profile-user-card flex 布局
菜单组/积分卡片使用 margin="none"，修复布局对齐
- Login 页: SCSS 全部改为 design token 引用
|
2026-05-17 12:48:38 +08:00 |
|
iven
|
95e219ad5a
|
refactor(mp): CSS 变量主题 + 登录页改造 — UI 优化 Phase 0-2
Phase 0: 建立 design token 体系
- tokens.scss 新增 --tk-pri/--tk-pri-l/--tk-pri-d/--tk-shadow-btn/--tk-shadow-tab
- .doctor-mode 覆盖为靛蓝色系，.elder-mode 非线性放大字号
- variables.scss 新增医生端色彩 + 阴影变量
Phase 1: 组件库 + 页面全局替换
- 75 个页面 SCSS $pri → var(--tk-pri) 全量替换
- 11 个新 UI 组件（PrimaryButton/TabFilter/FormInput/ProgressRing 等）
- 8 个现有组件 SCSS 更新
- 18 个医生端页面 useElderClass → useDoctorClass
- PageHeader 匹配原型 NavBar 规格
Phase 2: 登录页重写
- Logo: 方形+ → 圆形渐变 H
- 登录方式: 纯微信 → 账号密码 + 微信一键登录
- 新增 credentialLogin API + store action
- 字号/间距严格匹配原型 mp-01-login.html
|
2026-05-16 21:29:13 +08:00 |
|
iven
|
d758563a13
|
feat(mp): 小程序统一组件库 Phase 1 — Token 扩展 + 10 组件 + useListPage Hook
三层架构组件库：
- 第 1 层原子组件：PageShell/ContentCard/StatusTag/SectionTitle/LoadingCard
- 第 2 层组合模式：PageHeader/SearchSection/CardList/PaginationBar
- 第 3 层 Hook：useListPage（列表页通用逻辑抽象）
Token 扩展：新增 --tk-card-*/--tk-gap-*/--tk-page-* 等结构化 CSS 变量，
关怀模式通过变量覆写自动生效，新组件零额外代码即获关怀支持。
设计规格：docs/superpowers/specs/2026-05-16-miniprogram-unified-components-design.md
|
2026-05-16 00:47:39 +08:00 |
|
iven
|
93c77c5857
|
fix(mp): T40 UI 设计系统合规审计修复 — 60 页面全覆盖
- 新增 $white 语义变量 + --tk-font-display Token
- 44 处 #fff → $white，2 处 background: #fff → $card
- 14 处 border-radius 硬编码统一为 $r-xs/$r-lg/$r
- 3 处 TSX inline 颜色提取为 SCSS 类（exchange/orders/action-inbox）
- ErrorBoundary 重构：6 个 inline style → SCSS 类 + Design Token
- 2 处离调色板颜色修正（#0284C7→$tx2, #94A3B8→$tx3）
- 2 处静默 catch 块添加状态清理（article/health）
- 趋势页补 Loading/EmptyState；咨询页 GuestGuard 统一
- 4 处 #FFFFFF → $white（mixins/index/exchange/variables）
|
2026-05-13 23:26:00 +08:00 |
|
iven
|
890c132890
|
refactor(miniprogram): 全面接入 Design Token — 68 SCSS 文件 px→var(--tk-*)
CI / security-audit (push) Has been cancelled
CI / rust-check (push) Has been cancelled
CI / rust-test (push) Has been cancelled
CI / frontend-build (push) Has been cancelled
- 重写 tokens.scss：校准 10 级字号 + 4 结构 token 匹配实际设计值
- 更新 mixins.scss：4 个 mixin 引用 token 替代硬编码
- 68 SCSS 文件全面迁移：font-size px → var(--tk-font-*)，辅助文字色 → var(--tk-text-secondary)
- 清理 12 个页面的本地 mixin 重复定义
- elder-mode.scss 从 530 行缩减至 ~120 行：删除所有字号/颜色覆写，仅保留结构布局
- Token 覆盖率：634 引用 / 仅 3 个特殊硬编码值（72px/80px/21px）
关怀模式通过 CSS 变量级联自动生效，消除"打地鼠"问题。
|
2026-05-09 23:53:07 +08:00 |
|
iven
|
e8ccee02d5
|
feat(miniprogram): 关怀模式 Phase 2 — Design Token + 15 页面批量接入
CI / rust-check (push) Has been cancelled
CI / rust-test (push) Has been cancelled
CI / frontend-build (push) Has been cancelled
CI / security-audit (push) Has been cancelled
- 新建 useElderClass hook，替代每页 3 行样板代码
- 新建 CSS 自定义属性 Design Token 系统（tokens.scss）
正常/关怀两套值：字号、间距、触控、布局参数
- 15 个页面批量接入关怀模式 class：
TabBar: 商城页
主流程: 预约列表/详情/创建、咨询详情
子包: 体征录入/趋势/日常监测/告警、用药/档案/随访/报告/家庭/设置
- 新建 elder-toast 工具（关怀模式 3s + 触觉反馈）
- 页面覆盖率：4/59 → 22/59 (37%)
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
|
2026-05-09 22:17:58 +08:00 |
|