antd pro 修改全局样式

一、在哪里修改样式

官网给的结论是在config.ts 的theme 配置可以修改

但是试了发现一部分参数可以修改，比如

theme: {
   // 'primary-color': defaultSettings.primaryColor,
    "border-radius-base": "4px",// 组件/浮层圆角
    "border-radius": "4px",
  },

一部分不可以，比如

primary-color": "#1DA57A"

另外试了下在global.less 修改是可以的

需要注意的是，如果通过config.ts 或者.umijs.ts 按需引入antd样式的时候，比如下面的例子，如果加上style: 'css' 就会导致自定义全局样式不生效的情况

 extraBabelPlugins: [
    [
      'import',
      {
        libraryName: 'antd',
        libraryDirectory: 'es',
        // style: 'css', // `style: true` 会加载 less 文件 如果加了该选项，则可能会导致自定义全局样式不生效
      },
    ],

extraBabelPlugins

.ant-layout {
  min-height: 100vh;
  background: #ffffff;
}

.ant-layout-content .ant-pro-basicLayout-content .ant-pro-basicLayout-has-header {
  background: #ffffff;
}

二、如何修改样式

F12 查看元素中找到对应的样式的class

在global.less 里配置自己喜欢的样式