🐛[BUG]页面中引入了antd.css，pro页面布局错乱

[crashsol]

🐛 bug 描述

在页面中，如果使用了 import 'antd/dist/antd.css'; ，那么pro的页面样式就被破坏了

📷 复现步骤

Welcome.tsx 引入 import 'antd/dist/antd.css';

🏞 期望结果

pro页面正常

💻 复现代码

© 版本信息

• Ant Design Pro 版本: [e.g. 4.0.0]
• umi 版本
• 浏览器环境
• 开发环境 [e.g. mac OS]

🚑 其他信息

[itpretty]

为何要重复引入整个 antd.css ？

[crashsol]

为何要重复引入整个 antd.css ？ 主要使用了https://github.com/alibaba/formily, 不知道如何按需加载css，就全量引入了， 否则表单组件会没得样式

[ritingliudd01]

在你当前页面的 .less 文件中只 import 用到的表单控件的 .less 文件即可，或者全部放入 global.less 中：

@import '~antd/lib/checkbox/style/index.less'; @import '~antd/lib/input/style/index.less'; @import '~antd/lib/form/style/index.less'; @import '~antd/lib/radio/style/index.less'; @import '~antd/lib/select/style/index.less'; @import '~antd/lib/switch/style/index.less'; @import '~antd/lib/tabs/style/index.less'; @import '~antd/lib/upload/style/index.less'; @import '~antd/lib/date-picker/style/index.less'; @import '~antd/lib/input-number/style/index.less'; @import '~antd/lib/steps/style/index.less'; @import '~antd/lib/modal/style/index.less'; @import '~antd/lib/card/style/index.less';

[chenshuai2144]

强行引用一下 antd 的 form 就行了，引入 .css 没法换主题了 而且 layout 引用了 less，你再引用 css 就重复了