Skip to Content
Components卡片 Card

卡片 Card

detailedCard 卡片,用于展示可交互的内容块。复用原版 --detailedCard* 主题变量,支持 base / action / additionalAction 三种变体。

用法

#include "component/ComponentSpec.h" using namespace dearoreui::component; ComponentSpec card; card.kind = ComponentKind::Card; card.variant = "action"; // base / action / additionalAction ComponentSpec title; title.kind = ComponentKind::Text; title.variant = "heading"; title.label = "我的卡片"; card.children.push_back(title);

注册到页面:

oreui->registerComponent(ModId{"my-mod"}, uiManifest, card);

属性

字段类型说明
kindComponentKind固定为 ComponentKind::Card
variantstringbase / action / additionalAction
statestring交互状态:default / hovered / pressed / focused / pressedFocused / disabled / disabledFocused
childrenvector<ComponentSpec>子组件
bodyvector<DomNode>原始 DOM 内容

变体

变体说明
base基础卡片(无交互纹理)
action可点击卡片(支持 hover / press / focus 状态)
additionalAction带附加操作的卡片

交互状态

action / additionalAction 变体自动支持完整状态切换:

card.variant = "action"; card.state = "hovered"; // 手动指定悬停状态

相关