Files
hms/apps/miniprogram/src/styles/variables.scss
iven 3dac6a9eda
Some checks failed
CI / frontend-build (push) Has been cancelled
CI / rust-check (push) Has been cancelled
CI / rust-test (push) Has been cancelled
CI / security-audit (push) Has been cancelled
fix(miniprogram): 多角色找茬模式发现并修复 16 个问题
P0 Bug:
- 健康 AI 建议幽灵路径 pkg-appointment → appointment/create
- 血糖 indicator_type 始终 blood_sugar,不区分空腹/餐后
- 商城订单页 switchTab 跳转非 TabBar 页面

P1 设计系统:
- Profile/Index 页 emoji 图标替换为衬线首字
- Profile 硬编码颜色替换为 SCSS 变量 class
- alerts/action-inbox 两个页面全面接入设计系统
- ai-report/detail 删除重复 mixin 定义
- ErrorBoundary 添加重试按钮移除 emoji
- 新增 $r-xs: 8px 圆角变量

P1 导航/交互:
- Profile 补充 4 个缺失菜单(透析/知情同意/用药/活动)
- Settings 隐私政策改为跳转实际页面
- 全局启用 enablePullDownRefresh
- 首页/健康页添加下拉刷新
- 咨询/消息列表添加分页加载更多
- 医生端患者列表改为上拉加载
- 首页/健康页间距统一为 24px
2026-05-08 16:07:06 +08:00

42 lines
1.5 KiB
SCSS
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
// 温润东方风设计系统 — Warm Eastern Design
// 赤土橙 #C4623A 贯穿全场,米底留白呼吸
// ─── 色彩 ───
$pri: #C4623A; // 赤土橙 (accent)
$pri-l: #F0DDD4; // 赤土浅
$pri-d: #8B3E1F; // 赤土深
$pri-surface: #F5F0EB; // 温润米底
$acc: #5B7A5E; // 鼠尾草绿 (success)
$acc-l: #E8F0E8; // 成功浅
$bg: #F5F0EB; // 主背景 (warm cream)
$card: #FFFFFF; // 卡片白
$surface-alt: #EDE8E2; // 辅助底
$tx: #2D2A26; // 主文字 (warm black)
$tx2: #5A554F; // 次文字 (warm gray) — AA 正文对比度 ~5.5:1
$tx3: #78716C; // 淡文字 — AA 正文对比度 ~4.6:1仅 ≥24px
$bd: #E8E2DC; // 边框
$bd-l: #F0EBE5; // 浅边框
$dan: #B54A4A; // 危险 (muted red)
$dan-l: #FDEAEA; // 危险浅
$wrn: #C4873A; // 警告 (warm amber)
$wrn-l: #FFF3E0; // 警告浅
// ─── 圆角 ───
$r: 16px;
$r-sm: 12px;
$r-xs: 8px;
$r-lg: 20px;
$r-pill: 999px;
// ─── 老年友好触控参数 ───
$touch-min: 48px; // 最小触控区域
$btn-primary-h: 56px; // 主按钮高度
$menu-item-h: 64px; // 菜单项高度
$tab-h: 56px; // Tab 切换高度
$font-min: 22px; // 最小字号
// ─── 阴影 ───
$shadow-sm: 0 1px 4px rgba(45, 42, 38, 0.04);
$shadow-md: 0 2px 12px rgba(45, 42, 38, 0.08);
$shadow-lg: 0 8px 32px rgba(45, 42, 38, 0.12);