Skip to content

PageContainer ​

PageContainer 是业务页面的标准容器,提供标题卡片 + 主体卡片两段式布局。

何时用

所有 List / 详情页都应包裹 PageContainer,保证视觉一致性。

基础用法 ​

仅 title 属性。

主体内容放这里。List / 详情页都应包裹 PageContainer。

带工具栏 ​

通过 #header slot 在标题右侧放置操作按钮。

主体内容

无标题 ​

不传 title 时只渲染 body 卡片。

无标题时只渲染 body 卡片。

API ​

Props ​

属性类型默认值说明
titlestring—页面标题;不传且未使用 #header 插槽时不渲染标题栏

Events ​

无。

Slots ​

名称说明
default页面主内容
header标题右侧操作区(传入 title 或使用 #header 时渲染标题栏)

基于 MIT 协议发布