1、在webpack.config.js配置文件里,在less-loader的options里加上javascriptEnabled: true

自定义样式覆盖antd样式,实现主题色切换

2、自定义一个去覆盖antd的样式的样式文件,里面重新定义在antd里的变量

自定义样式覆盖antd样式,实现主题色切换

3、app.js文件里引入公用变量文件variables.less,本人是建立了一个index.less,在里面引入了variables.less,所以在我的入口文件app.js里引入的是index.less

自定义样式覆盖antd样式,实现主题色切换

 

4、因为我的项目使用的是react+redux,所以需要在container.js引入我们的公用样式(main.less是我项目的全局样式,引入了index.less)

自定义样式覆盖antd样式,实现主题色切换

5、在我们每个具体的less文件里引入index.less或者variable.less,接着去使用公用的变量就OK了

自定义样式覆盖antd样式,实现主题色切换

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-01-30
  • 2021-12-25
  • 2021-08-12
  • 2021-10-07
  • 2022-12-23
  • 2021-10-26
猜你喜欢
  • 2021-06-28
  • 2021-07-08
  • 2022-12-23
  • 2022-03-07
  • 2021-12-05
  • 2021-06-21
相关资源
相似解决方案