笔记:如何修改element-UI的默认样式

2019-08-01  本文已影响0人  ForeverYoung_06

vue项目的好朋友就是element啦,可是在开发过程中总有UI框架和实际需求不符的情况

遇到这样的情况呢,一般有几种方法:

1.和你的UI小朋友沟通

2.换个UI框架

3.修改默认样式

这里我们详细讲讲第三种方法。当然不是所有的样式都可以改,我目前遇到的只是修改了颜色,宽高啥的。一些动态生成的元素是不好修改的。

我的修改方法简单粗暴,经历路程也是十坎坷,大家不到万不得已不要学我;

在node_modules文件夹中找到elelment -ui 就是它

文件夹位置

找到lib文件夹下面的theme-chalk下面的index.css

l文件夹位置 index.css

想改啥就在index.css中Ctrl+F,找到元素类名修改就好了。

简单又粗暴。当然还有其他方法,这样的坏处是会修改全局的样式。

上一篇 下一篇

猜你喜欢

热点阅读