javascript - 想用别人的组件库但是又有ui需求该怎么办？

Question

一个管理系统，要使用一些日历表格表单等组件，想使用组件库，比如antd，element，但是设计稿的ui又非常的设计，该如何处理？
现在都是npm引用了，引一个组件，基本就会把他的样式也带进来，然后写覆盖样式的话，就满屏！important，很恶心。所以，我是不是应该去说服产品使用别人的样式呢，但是这样会不会让人觉得我很怕麻烦，技术又不行呢？心累

Answer 1

重写样式覆盖.

没必要满屏的!important, 根据css 优先级处理一下即可.

补充: 根据框架的样式表 重新定义 比如外层 加一个class, 重构样式表 在所有框架中的样式中最前方加一个 .class即可.

Answer 2

写一套皮肤样式覆盖第三方组件库

<link href="第三方库.css" />
<link href="theme.css" />

Answer 3

无外乎两种解决方式，第一种：你用组件库，在特别的Ui样式上做自己的ui样式类处理（出现样式冲突的可能是有的，只能单独再解决）。第二种就是，用自己的ui样式，给日历表格找单独的插件（我比较倾向于这种，某个插件样式落伍，换掉就是了，不会影响全局的）。更甚的，你可以自己写...

Answer 4

1:在别人的组件上再封装一层,开放属性,传一个css样式过去
2.重写样式

Answer 5

学习一下css的优先级先。

比如原有的UI样式有：.a .b {}

你现在在最外层加一个总类：.zonglei

那么你写覆盖样式的时候用.zonglei .a .b{}，这就不用!important，因为它本身的优先级高于.a .b {}。

Answer 6

重写样式
覆盖组件样式
如楼上所述