wangjia
40760aa884
- server：Go 网关（WS 流式识别中继/计费配额/微信登录支付 mock/反馈/埋点），gummy provider 已真实联调 - desktop：Tauri 2（全局快捷键 push-to-talk/浮层/托盘/设置/登录购买/反馈/首启引导） - android：Compose 主 App + IME（键盘内录音直传） - ios：App + 键盘扩展（1A spike 实证键盘内不可录音，走 deep link 听写） - design/design-pipeline：设计系统 + token 导出 iOS/Android 主题 - doc：前后端设计文档（HTML）；web：官网宣传页；todo：任务看板 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
25 lines
1.9 KiB
HTML
25 lines
1.9 KiB
HTML
<!-- @dsCard group="Type" viewport="700x230" name="字号阶梯" subtitle="12 → 44 · 桌面正文 14 / 移动与浮层 15" -->
|
|
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="../styles.css">
|
|
<style>
|
|
body { margin: 0; font-family: var(--font-sans); background: var(--surface-card); color: var(--text-1); padding: 16px 22px; }
|
|
.row { display: flex; align-items: baseline; gap: 14px; padding: 3px 0; }
|
|
.tok { width: 110px; font-family: var(--font-mono); font-size: 10.5px; color: var(--text-3); flex: none; }
|
|
.sp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="row"><span class="tok">--text-xs 12</span><span class="sp" style="font-size:var(--text-xs)">角标 · 键帽 · 浮层提示</span></div>
|
|
<div class="row"><span class="tok">--text-sm 13</span><span class="sp" style="font-size:var(--text-sm)">次要信息 · 托盘菜单</span></div>
|
|
<div class="row"><span class="tok">--text-base 14</span><span class="sp" style="font-size:var(--text-base)">桌面正文 · 设置项</span></div>
|
|
<div class="row"><span class="tok">--text-md 15</span><span class="sp" style="font-size:var(--text-md)">浮层识别文本 · 移动正文</span></div>
|
|
<div class="row"><span class="tok">--text-lg 17</span><span class="sp" style="font-size:var(--text-lg);font-weight:var(--weight-medium)">区块标题 · 移动列表</span></div>
|
|
<div class="row"><span class="tok">--text-xl 20</span><span class="sp" style="font-size:var(--text-xl);font-weight:var(--weight-semibold)">窗口标题</span></div>
|
|
<div class="row"><span class="tok">--text-2xl 24</span><span class="sp" style="font-size:var(--text-2xl);font-weight:var(--weight-semibold)">页面大标题</span></div>
|
|
<div class="row"><span class="tok">--text-3xl 32</span><span class="sp" style="font-size:var(--text-3xl);font-weight:var(--weight-bold)">¥ 128 / 年</span></div>
|
|
</body>
|
|
</html>
|