跳到主要内容

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
textContent

文本内容

string

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"