84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
一个管理系统,要使用一些日历表格表单等组件,想使用组件库,比如antd,element,但是设计稿的ui又非常的设计,该如何处理?现在都是npm引用了,引一个组件,基本就会把他的样式也带进来,然后写覆盖样式的话,就满屏!important,很恶心。所以,我是不是应该去说服产品使用别人的样式呢,但是这样会不会让人觉得我很怕麻烦,技术又不行呢?心累
认证0级讲师
重写样式覆盖.
没必要满屏的!important, 根据css 优先级处理一下即可.
补充: 根据框架的样式表 重新定义 比如外层 加一个class, 重构样式表 在所有框架中的样式中最前方加一个 .class即可.
写一套皮肤样式覆盖第三方组件库
无外乎两种解决方式,第一种:你用组件库,在特别的Ui样式上做自己的ui样式类处理(出现样式冲突的可能是有的,只能单独再解决)。第二种就是,用自己的ui样式,给日历表格找单独的插件(我比较倾向于这种,某个插件样式落伍,换掉就是了,不会影响全局的)。更甚的,你可以自己写...
1:在别人的组件上再封装一层,开放属性,传一个css样式过去2.重写样式
学习一下css的优先级先。
比如原有的UI样式有:.a .b {}
你现在在最外层加一个总类:.zonglei
那么你写覆盖样式的时候用.zonglei .a .b{},这就不用!important,因为它本身的优先级高于.a .b {}。
重写样式覆盖组件样式如楼上所述
重写样式覆盖.
没必要满屏的!important, 根据css 优先级处理一下即可.
补充: 根据框架的样式表 重新定义 比如外层 加一个class, 重构样式表 在所有框架中的样式中最前方加一个 .class即可.
写一套皮肤样式覆盖第三方组件库
无外乎两种解决方式,第一种:你用组件库,在特别的Ui样式上做自己的ui样式类处理(出现样式冲突的可能是有的,只能单独再解决)。第二种就是,用自己的ui样式,给日历表格找单独的插件(我比较倾向于这种,某个插件样式落伍,换掉就是了,不会影响全局的)。更甚的,你可以自己写...
1:在别人的组件上再封装一层,开放属性,传一个css样式过去
2.重写样式
学习一下css的优先级先。
比如原有的UI样式有:.a .b {}
你现在在最外层加一个总类:.zonglei
那么你写覆盖样式的时候用.zonglei .a .b{},这就不用!important,因为它本身的优先级高于.a .b {}。
重写样式
覆盖组件样式
如楼上所述