← 全部模板

后台卡片 <AppCards />

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

分组
拟真界面 · 2–4 个填好内容的应用面板
组件
AppCards · #app-cards

适合

  • 同一件东西在几个平台、几种出口里的样子
  • 用填好的表单代替文字描述

不适合

  • 有真实截图:用 TabbedShot
  • 要比较数字:用 CompareTable

内容上限

1cards 2–4 张
2title ≤ 16 字
3fields 2–5 个,value ≤ 16 字
4tags 0–4 个
5页标题 ≤ 22 字
6source 写明是示意

字段

字段类型
kicker · 必填string小节名
title · 必填string | string[]标题
leadstring导语
cards · 必填{ app, title, fields: { label, value }[], tags?, status?: { text, tone?: 'ok' | 'wait' | 'stop' }, label? }[]面板
sourcestring出处或示意说明

示例代码

<AppCards
  kicker="三种出口"
  title="同一份内容,三种文件"
  cards={[{ app: '导出', title: 'PDF', fields: [{ label: '命令', value: 'build 后打印' }], status: { text: '可用' } }]}
  source="示意界面"
/>