组件样式修改

Question

老师您好，我在公司做Vue项目时经常遇到的问题是：需要根据UI的设计稿样式去修改Element Plus的组件css样式，但是经常改不好。这个有什么方法么？我觉得修改antd样式也是差不多的，很多时候组件库里给你封装好的组件跟公司UI的设计样式还是有些差别的

Answer 1

河畔一角 2023-07-20 17:32:15

有几种方法：

1. antd有主题定制功能，暴露的有全局变量可以修改。

2. 样式覆盖。比如修改按钮背景色，可以找到按钮的样式叫btn 和 btn-primary，增加新的样式进行覆盖。

3. 一般的组件上面支持style属性，比如文本框等表单组件，可以直接使用style进行修改。