Skip to content

Panel 面板

通用内容面板,比 <mc-card> 更适合承载设置分组、详情区和复杂内容。

基础用法

世界设置
调整游戏体验与资源选项

这里可以放置表单、列表或任意内容。

vue
<mc-panel title="世界设置" subtitle="调整游戏体验与资源选项">
  这里可以放置表单、列表或任意内容。
</mc-panel>

操作区与底部

资源包
已启用 3 个资源包。
vue
<mc-panel title="资源包">
  <template #actions>
    <mc-button size="small">刷新</mc-button>
  </template>

  已启用 3 个资源包。

  <template #footer>
    <mc-button variant="primary">保存</mc-button>
  </template>
</mc-panel>

Props

名称类型默认说明
titlestring''面板标题
subtitlestring''副标题
borderedbooleantrue是否显示描边
elevatedbooleantrue是否显示立体阴影

Slots

名称说明
default面板主体内容
header自定义头部
actions头部右侧操作区
footer底部区域

MIT Licensed · 设计语言移植自 Spectrollay-McUI