修改el-dialog样式的方法
- 不能直接在
<style scoped>
中修改,这样修改后不会生效 - 在vue的SFC中,是允许多个style 块的,可以在写一个不加scope的style,定义好类名在里面单独改样式.
- 例子:
<el-dialog class="aaa"> </el-dialog>
<style scope>
//其他局部样式
</style>
<style lang="scss">
//dialog样式,按照类名区分 不然还是在全局css中修改更清晰一些。
.aaa {
.el-dialog__footer {
text-align: center;
}
}
</style>
参考:element 中el-dialog弹框样式修改不生效没有作用到属性上
element-ui如何修改el-dialog的样式?
修改elementui源码并应用
vue项目中修改element-ui源码,如何运用到项目中 (修改 node_modules 里的文件,并应用):利用webpack 的alias 挺好用的样子,没试。