跳到主要内容

eo-main-view

<eo-main-view>

主内容视图

Examples

Basic

Playground

Fill Container

Playground

Narrow

Playground
Playground

noPadding & showBanner set false

Playground

Properties

NameDescriptionTypeDefaultRequired
contentGap

标题栏和内容区之间的间隔。 如果内容区已包含一些视觉上的留白,可以设置 contentGap: small

MainViewGap "medium"
narrow

设置窄布局模式(居中)。

  • "full": 全尺寸(非窄布局居中)
  • "small": 小尺寸窄布局
  • "medium": 中等尺寸窄布局
  • "large": 大尺寸窄布局
NarrowViewSize "full"
fillContainer

设置是否铺满容器。

boolean
bannerAlone

设置仅使用 banner 时,面包屑、标题和工具栏将不会显示。

boolean
bannerTitlestring
bannerDescriptionstring
bannerImagestring
bannerSunkboolean
showBanner

是否展示 banner(包括页面标题,面包屑,工作栏)

boolean true
noPadding

是否没有边距

boolean
showFooter

是否显示底栏(通常放置按钮)

boolean
showDashboardLogo

是否展示 logo(dashboard 模式)

boolean true
showDashboardExit

是否展示退出按钮(dashboard 模式)

boolean true

Slots

NameDescription
(default)

内容区

breadcrumb

面包屑

pageTitle

页面标题

toolbar

工具栏

banner

Banner 内容

footer

底栏(通常放置按钮),已废弃,请使用 eo-page-view 的 footer

Events

NameDescriptionEvent Detail
dashboard.exit

退出 dashboard 模式

void

Type references

MainViewGap

"small" | "medium"

NarrowViewSize

"small" | "medium" | "large" | "full"