antd
虽然日常业务开发、我们大都使用Antd进行业务开发,使用Antd原因,因为组件丰富,能够基本满足我们日常的业务开发场景,且生态良好,有大厂背书。
但尽管如此,再好看的ui,也是人家阿里的标准,每个公司总会有自己的ui,总会有自己的一套ui标准,为此,我们希望能够定制antd
,甚至依托于antd
进行二次创作,也就是样式复写。
但是复写样式会造成很多问题,好在,antd
官网提供了一套解决方案供我们实现,来定制属于自己公司的antd
。
antd
主题根据antd
官方介绍以及源码查阅,我们可以得知,antd
使用less
,并且其定义了一系列全局/组件的样式变量(实操后虽然有些不全),但已经把常用的变量已经暴露出来供我们修改,如果缺少你想要定制的变量名,antd
也提出可以提issue
。 具体暴露了哪些变量,我们可以点击antd主题变量查阅。
我们根据官网查阅得知:定制方式原理上是使用 less
提供的 modifyVars 的方式进行覆盖变量。
光说不练假把式,下面我们来看下具体如