eo-main-view
<eo-main-view>
主内容视图
Examples
Basic
Fill Container
Narrow
Banner
noPadding & showBanner set false
Properties
Name | Description | Type | Default | Required |
---|---|---|---|---|
contentGap | 标题栏和内容区之间的间隔。
如果内容区已包含一些视觉上的留白,可以设置 | MainViewGap | "medium" | |
narrow | 设置窄布局模式(居中)。
| NarrowViewSize | "full" | |
fillContainer | 设置是否铺满容器。 | boolean | ||
bannerAlone | 设置仅使用 banner 时,面包屑、标题和工具栏将不会显示。 | boolean | ||
bannerTitle | string | |||
bannerDescription | string | |||
bannerImage | string | |||
bannerSunk | boolean | |||
showBanner | 是否展示 banner(包括页面标题,面包屑,工作栏) | boolean | true | |
noPadding | 是否没有边距 | boolean | ||
| 是否显示底栏(通常放置按钮) | boolean | ||
showDashboardLogo | 是否展示 logo(dashboard 模式) | boolean | true | |
showDashboardExit | 是否展示退出按钮(dashboard 模式) | boolean | true |
Slots
Name | Description |
---|---|
(default) | 内容区 |
breadcrumb | 面包屑 |
pageTitle | 页面标题 |
toolbar | 工具栏 |
banner | Banner 内容 |
footer | 底栏(通常放置按钮),已废弃,请使用 eo-page-view 的 footer |
Events
Name | Description | Event Detail |
---|---|---|
dashboard.exit | 退出 dashboard 模式 | void |
Type references
MainViewGap
"small" | "medium"
NarrowViewSize
"small" | "medium" | "large" | "full"