【问题标题】:How to customize Component of Ant Design?如何自定义 Ant Design 的组件?
【发布时间】:2020-11-03 07:41:31
【问题描述】:

我在我的项目中使用 Ant Design,我用 ReactJS 构建了完整的 web 应用程序,现在我需要自定义组件以匹配设计器,我该怎么做?我阅读了 Ant Design 的文档,但它只是更改了一些默认变量。谢谢!

我尝试使用 webpack 自定义一些默认值,但还是不行

Codesanbox

【问题讨论】:

  • 你好qnujoow,我试过ant design教程,但还是不行。我在这里做了一个复制,你能检查一下吗? codesandbox.io/s/naughty-brattain-iwkuu?file=/src/index.js
  • 如果您在开发工具中看到,ant design 有与其元素相关联的类,您可以在 CSS 中定位这些类。例如,您的按钮有这些“
  • 它到底是一个简单的 CSS 类,你可以使用普通的 CSS 样式表或其他 CSS 库
  • 您可以通过在开发工具中检查导入页面中使用的相同类来覆盖样式

标签: css reactjs antd


【解决方案1】:

我发现一个模块可以帮助我轻松定制 Ant Design,谢谢大家! 它的craco-antd

【讨论】:

    猜你喜欢
    • 2020-07-04
    • 2021-05-20
    • 2021-04-22
    • 2021-06-09
    • 1970-01-01
    • 2022-12-23
    • 2020-10-31
    • 2019-10-22
    • 2020-10-26
    相关资源
    最近更新 更多