组件样式修改

来源：7-1 登录静态布局实现

慕莱坞9486019

2023-07-20

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

写回答

1回答

河畔一角

2023-07-20

有几种方法：

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

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

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

React18+TS 通用后台管理系统解决方案落地实战

全面提升React高阶技能，灵活驾驭各类后台管理系统开发痛点

624 学习 · 226 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1