ant-design-mobile设置主题不生效

天天_哥

发布于 2020-02-19 02:39:38

1.2K00

代码可运行

文章被收录于专栏：天天天天

运行总次数：0

代码可运行

按照官方的实力配置之后运行主题不生效

- const { override, fixBabelImports } = require('customize-cra');
+ const { override, fixBabelImports, addLessLoader } = require('customize-cra');

module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd',
    libraryDirectory: 'es',
-   style: 'css',
+   style: true,
  }),
+ addLessLoader({
+   javascriptEnabled: true,
+   modifyVars: { '@primary-color': '#1DA57A' },
+ }),
);

按照说明，更改了配置，但是还是不生效的

其实不是配置没有生效，而是.....

在翻阅ant-design-mobile源码里定义的变量，发现那个所谓的主题色不叫@primary-color,而是

// 全局/品牌色
@brand-primary: #108ee9;
@brand-primary-tap: #0e80d2;
@brand-success: #6abf47;
@brand-warning: #ffc600;
@brand-error: #f4333c;
@brand-important: #ff5b05;  // 用于小红点
@brand-wait: #108ee9;