vue中修改element-ui的一些基本样式:

简单使用========

头部开始:

<el-header></el-header>

可直接使用  .el-header{}

中间部分:

<el-container></el-container>

可直接使用 .el-container{}

以及el-aside的默认宽度300px的问题:

el-aside组件默认设置width为300px

想要更改到多少(例如:200px) 就直接width:200px

如果想要把width设置为自动随着菜单的折叠伸展宽度
即:width="auto"

如果在el-container部分添加了el-menu,修改样式就要:/deep/ 样式穿透

例如:
<el-menu-item></el-menu-item>

直接.的话不成功,直接使用 /deep/ .el-menu-item{}

版权声明:本文为weixin_53571467原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。