后台卡片 <AppCards />
标题下一排手搓的应用面板:窗口名、标题、状态胶囊、2–5 个字段和标签,都已经填好。每张卡标着「示意界面」。配 build: 'reveal' 时逐张出现。

- 分组
- 拟真界面 · 2–4 个填好内容的应用面板
- 组件
AppCards·#app-cards
适合
- 同一件东西在几个平台、几种出口里的样子
- 用填好的表单代替文字描述
不适合
- 有真实截图:用 TabbedShot
- 要比较数字:用 CompareTable
内容上限
| 1 | cards 2–4 张 |
| 2 | title ≤ 16 字 |
| 3 | fields 2–5 个,value ≤ 16 字 |
| 4 | tags 0–4 个 |
| 5 | 页标题 ≤ 22 字 |
| 6 | source 写明是示意 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 小节名 |
title · 必填 | string | string[] | 标题 |
lead | string | 导语 |
cards · 必填 | { app, title, fields: { label, value }[], tags?, status?: { text, tone?: 'ok' | 'wait' | 'stop' }, label? }[] | 面板 |
source | string | 出处或示意说明 |
示例代码
<AppCards
kicker="三种出口"
title="同一份内容,三种文件"
cards={[{ app: '导出', title: 'PDF', fields: [{ label: '命令', value: 'build 后打印' }], status: { text: '可用' } }]}
source="示意界面"
/>