PageContainer
PageContainer 是业务页面的标准容器,提供标题卡片 + 主体卡片两段式布局。
何时用
所有 List / 详情页都应包裹 PageContainer,保证视觉一致性。
基础用法
仅 title 属性。
用户管理
主体内容放这里。List / 详情页都应包裹 PageContainer。
带工具栏
通过 #header slot 在标题右侧放置操作按钮。
角色管理
主体内容
无标题
不传 title 时只渲染 body 卡片。
无标题时只渲染 body 卡片。
API
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
title | string | — | 页面标题;不传且未使用 #header 插槽时不渲染标题栏 |
Events
无。
Slots
| 名称 | 说明 |
|---|---|
default | 页面主内容 |
header | 标题右侧操作区(传入 title 或使用 #header 时渲染标题栏) |