Skip to content

ts-element系列之Container布局容器 #6

@webVueBlog

Description

@webVueBlog

image
image

使用了 <el-container>、<el-header>、<el-main>、<el-footer>、<el-aside> 5 种组件,来看一下它们各自的作用:

<el-container>:外层容器。当子元素中包含 <el-header><el-footer> 时,全部子元素会垂直上下排列,否则会水平左右排列。

<el-header>:顶栏容器。

<el-aside>:侧边栏容器。

<el-main>:主要区域容器。

<el-footer>:底栏容器。

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions