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 协议发布