系列文章目录
目录
前言
使用elementPlus中的Container 布局容器来布局。
<el-container>
:外层容器。 当子元素中包含<el-header>
或<el-footer>
时,全部子元素会垂直上下排列, 否则会水平左右排列。
<el-header>
:顶栏容器。
<el-aside>
:侧边栏容器。
<el-main>
:主要区域容器。
<el-footer>
:底栏容器。
操作方法
- 使用官方提供的布局来完成layout页面 。
-
<template> <el-container class="app-wrapper"> <el-aside width="200px">Aside</el-aside> <el-container> <el-header>Header</el-header>