Skip to Content
Components面包屑 Breadcrumb

面包屑 Breadcrumb

层级路径指示:横向 stack + 文本 + 分隔符(/)。显示当前位置与上级路径。

用法

#include "component/ComponentSpec.h" using namespace dearoreui::component; ComponentSpec breadcrumb; breadcrumb.kind = ComponentKind::Breadcrumb; breadcrumb.label = "设置 > 显示 > 图形";

注册到页面:

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

属性

字段类型说明
kindComponentKind固定为 ComponentKind::Breadcrumb
labelstring路径文本,用 >/ 分隔层级

渲染结构

<div data-component="breadcrumb"> display:flex; gap:<space> <span>设置</span> <sep>/</sep> <span>显示</span> <sep>/</sep> <span>图形</span> </div>

相关