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

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

代码语言：javascript复制

- 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,而是

代码语言：javascript复制

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

惊不惊喜，意不意外？

剩下要改的交给你们自己

ant mobile 变量 配置 源码

0 人点赞