iven/hms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(miniprogram): 温润东方风全面 UI 重设计

Browse Source 
73 文件变更，覆盖全部 40 个页面 SCSS + TabBar 图标 + 组件样式。
统一赤陶主色 #C4623A + 暖米背景 + 衬线标题字体 + 12px 圆角体系。
This commit is contained in:
iven
2026-04-28 00:19:52 +08:00
parent fbb28e655d
commit 50eae8b809
97 changed files with 7633 additions and 2373 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
apps/miniprogram/src/styles/variables.scss
View File

@@ -1,21 +1,33 @@
// 医疗清新主题 — 青色主调
$pri: #0891B2;
$pri-l: #E0F7FA;
$pri-d: #065A73;
$pri-surface: #ECFEFF;
$acc: #059669;
$acc-l: #D1FAE5;
$bg: #F0FDFA;
$card: #FFFFFF;
$tx: #134E4A;
$tx2: #6B7280;
$tx3: #94A3B8;
$bd: #E5E7EB;
$bd-l: #F3F4F6;
$dan: #DC2626;
$dan-l: #FEE2E2;
$wrn: #D97706;
$wrn-l: #FEF3C7;
// 温润东方风设计系统 — 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: #7A756E; // 次文字 (warm gray)
$tx3: #A8A29E; // 淡文字
$bd: #E8E2DC; // 边框
$bd-l: #F0EBE5; // 浅边框
$dan: #B54A4A; // 危险 (muted red)
$dan-l: #FDEAEA; // 危险浅
$wrn: #C4873A; // 警告 (warm amber)
$wrn-l: #FFF3E0; // 警告浅
// ─── 圆角 ───
$r: 12px;
$r-sm: 8px;
$r-lg: 16px;
$r-pill: 999px;
// ─── 阴影 ───
$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);