组件
ShadcnCard
卡片容器：CardHeader / CardContent / CardFooter 组合。
纯组合组件：Card = CardHeader / CardContent / CardFooter，对齐 shadcn 组合方式。
用法
ShadcnCard {
width: 320
// size: ShadcnCard.Size.Default（padding 24px）/ Small（16px）
ShadcnCardHeader {
ShadcnCardTitle { text: qsTr("Card Title") }
ShadcnCardDescription { text: qsTr("Card Description") }
}
ShadcnCardContent {
Text { text: qsTr("内容区") }
}
ShadcnCardFooter {
ShadcnButton { text: qsTr("取消"); variant: ShadcnButton.Variant.Outline; size: ShadcnButton.Size.Small }
ShadcnButton { text: qsTr("确定"); size: ShadcnButton.Size.Small }
}
}
子组件
| 组件 | 说明 |
|---|---|
ShadcnCardHeader | 头部：Title（16px Medium）+ Description（14px mutedForeground）垂直堆叠（gap 6px） |
ShadcnCardTitle | 标题文本 |
ShadcnCardDescription | 描述文本 |
ShadcnCardContent | 内容区 |
ShadcnCardFooter | 底部按钮区，水平排列（gap 8px） |
视觉
bg-card+ 1px 前景色环（light 5% / dark 10%）+shadow-md+theme.radius圆角- size Default 内边距 24px，Small 16px