一、Container布局容器
|--作用:用于页面布局的组件,方便快速搭建页面的基础结构。
|--涉及到的组件:
|--el-container:外层容器,当子元素包含header和footer时,全部子元素会垂直上下排列,否则会水平左右排列。
|--el-header:顶栏容器
|--el-aside:侧边栏容器
|--el-main:主要区域容器
|--el-footer:底栏容器
|--需要注意:以上组件采用了 flex 布局,使用前请确定目标浏览器是否兼容。此外,<el-container> 的子元素只能是后四者,后四者的父元素也只能是 <el-container>。
|--示例: