页面jlabel背景色设置_（六）使用elementUI搭建管理员页面布局

主页面布局

使用ElementUI布局el-container，简单搭了home页框架

<

显示如图，然后根据自己需要设置导航栏

自己修改后页面

页面优化

el-menu中属性介绍

background-color：整个menu背景色，如果只要局部有颜色，可以根据class名自己控制调整

active-text-color：当前激活的文字颜色

text-color：文字颜色

:default-openeds默认展开index

:default-active="$route.path"当前激活页面根据路由地址，可以解决刷新后菜单栏当前index展开激活，并且需要在el-menu中加入router

el-menu-item中 index配置为路由path

<

当前选择状态效果如图