可以在App.vue中的style中修改element-ui的样式。
.el-menu{
width:160px !important;
}
注意:一定要在属性值后面加上 !important 使自己定义的css样式处于权重最高,不加的话在本地调试的时候是没有问题的,不过在项目打包后放到服务器上时,自己定义的样式会因为优先级的问题被element-ui原有样式覆盖!!!!!
本文介绍如何在App.vue的样式中修改Element-UI的菜单宽度,并强调了使用!important的重要性,以确保自定义样式在项目部署后不会被Element-UI的默认样式覆盖。
可以在App.vue中的style中修改element-ui的样式。
.el-menu{
width:160px !important;
}
注意:一定要在属性值后面加上 !important 使自己定义的css样式处于权重最高,不加的话在本地调试的时候是没有问题的,不过在项目打包后放到服务器上时,自己定义的样式会因为优先级的问题被element-ui原有样式覆盖!!!!!
转载于:https://www.cnblogs.com/luyuefeng/p/8350127.html
649
6546
1650

被折叠的 条评论
为什么被折叠?