antDesign怎么修改样式

Ant Design 提供了多种修改样式的方法，下面列举几种常用的方式：

1. 使用全局样式覆盖 Ant Design 的样式

可以在全局样式文件中定义对应组件的样式，例如：

/* 修改按钮的字体颜色 */
.ant-btn {
  color: red;
}

2. 使用 CSS Modules 修改样式

在使用 CSS Modules 的情况下，可以通过在组件样式文件中定义类名来修改组件的样式，例如：

/* MyButton.module.css */
.myButton {
  color: red;
}

import styles from './MyButton.module.css';

function MyButton() {
  return <Button className={styles.myButton}>点击我</Button>;
}

3. 使用自定义主题修改样式

Ant Design 提供了一种自定义主题的方式，可以通过修改主题变量来修改组件的样式。具体可以参考官方文档：https://ant.design/docs/react/customize-theme-cn。例如：

@primary-color: #1890ff; // 修改主题变量，将主色调改为蓝色

@import '~antd/dist/antd.less'; // 引入 Ant Design 样式文件

/* 自定义样式 */
.myButton {
  color: red;
}

需要注意的是，这种方式需要使用 Less 预处理器，并且需要安装 less-loader。