当前位置 博文首页 > Elegance never goes out of fashion：ElementUI布局容器组件

最大化 缩小

    Elegance never goes out of fashion：ElementUI布局容器组件

    作者：[db:作者] 时间：2021-07-31 18:09

    Container 布局容器

    用于布局的容器组件，方便快速搭建页面的基本结构。

    创建一个布局容器

        <el-container>
    
    </el-container>

    容器中包含的子元素

    <el-header>：顶栏容器。

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

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

<el-footer>：底栏容器。

    嵌套容器

        <el-container>
      <el-header><div><h1>我是标题</h1></div></el-header>
      <el-container>
        <el-aside><div><h1>我是菜单</h1></div></el-aside>
        <el-main><div><h1>我是内容</h1></div></el-main>
      </el-container>
      <el-footer><div><h1>我是底部</h1></div></el-footer>
    </el-container>

    在这里插入图片描述

    容器的属性

    注意：当子元素中没有 el-header 或 el-footer 时容器排列为水平
    在这里插入图片描述

    cs
    上一篇：Elegance never goes out of fashion：ElementUI单选按钮组件
    下一篇：没有了