// test.html — 测试页面
运行中
Aa 字体排版
H1页面主标题
H2二级标题
H3三级标题
Body正文内容，这是一段普通的正文文字，用于测试正文排版效果是否正常。
Small辅助说明文字，用于次要信息展示
Monoconst value = "monospace font";
◉ 色彩系统
Accent
Purple
Green
Red
Yellow
Text
Surface
BG
▶ 按钮
◈ 标签徽章
进行中 已完成 错误 警告 测试
✎ 表单元素
⚡ 提示信息
ℹ
这是一条普通提示信息，用于展示一般性说明内容。
✓
操作成功！数据已保存至服务器。
△
注意：该操作将修改现有配置，请确认后继续。
✕
请求失败：服务器返回 500 错误，请稍后重试。
⊞ 数据表格
接口名称 方法 状态码 响应时间 状态
/api/user/login POST 200 42ms 正常
/api/data/list GET 200 128ms 正常
/api/file/upload PUT 413 — 错误
/api/config/update PATCH 204 67ms 正常
▬ 进度条
CPU 使用率72%
内存占用45%
磁盘空间88%
网络带宽95%
</> 代码块
async function fetchData(url) {
  // 发起 HTTP 请求
  const res = await fetch(url);
  if (!res.ok) {
    throw new Error("请求失败");
  }
  return res.json();
}
⋯ 骨架屏加载态