蚂蚁设计风格
Posted
技术标签:
【中文标题】蚂蚁设计风格【英文标题】：Ant Design Styles 【发布时间】：2021-12-12 20:19:26 【问题描述】：*Ant Design - 企业级产品设计系统 (https://ant.design/)
你知道我在哪里可以找到className's所有antd 组件的列表吗？
例如： antd 中有一个组件 <Form/>，所以，它的 className 是：.ant-form。 （全局样式）
在哪里可以找到所有组件的类名？
我能看到所有风格的 ant 设计吗？ （在线/下载）
谢谢！
【问题讨论】：
【参考方案1】：如果您需要它来更改样式，那么有一种方法可以在不知道 classNames 的情况下做到这一点。https://ant.design/docs/react/customize-theme 看看这个。您可以使用更少的预处理器和 craco 更改默认样式......或者如果您真的想要 classNames 列表而不是您必须下载任何在 antdesign 中制作的前端项目。如果开发得当，我希望你能在那里找到所有类名的文件。
【讨论】：
【参考方案2】：Ant 设计使用较少（css 预处理器），因此如果您可以探索此代码，请转到 Github：less for ant design form
或者如果您需要查看 node_modules 中的 css 处理探索代码，这里是截图
【讨论】：
以上是关于蚂蚁设计风格的主要内容，如果未能解决你的问题，请参考以下文章
2021-2022 北京化工大学程序设计新生赛 - 问题 N: 聪明的蚂蚁 - 题解