主页布局

使用 el-container 布局容器控制页面布局

flex 的位置排版

在 header 部分样式，我需要标题和名称分布在 header 横向盒子的两端，可以这样做：

<el-header class="app-header">
	<div class="header-brand">星枢竞程</div>
	<div class="header-user">{{ auth.user?.username || "用户" }}
	</div>
</el-header>
 
<style>
	.app-header {
		display: flex;
		justify-content: space-bteween;
	}
</style>

将 el-header 设置为 flex 布局，使用 justify-content 的两端排版