angular - 我可以在我的组件中使用 antd less 变量吗？

Question

问题

我正在使用 NG-ZORRO 使 UI 更加标准。

我有一个业务组件，我想将原色与 Ant Design 对齐。我在 Angular Material 中看到了Theming Your Own Components，但我还没有找到 NG-ZORRO 的解决方案。当我@primary-color在组件的样式文件（例如 test.component.less）中使用时，出现错误：Variable @primary-color is undefined.

如何在我自己的组件中引用 NG-ZORRO less 变量？

我的解决方案

我找到了一个解决方案，但我不确定它是否优雅。

path/to/ng-zorro-antd/style/themes/default.less在少组件中，我在第一行导入，然后border: 1px solid @primary-color也可以正常工作。

在我的组件中使用 NG-ZORRO 较少变量是否是正确的方法？

标签： angularng-zorro-antd

Answer 1

与 Angular Material 类似，您可以在项目中创建自定义主题并将其用于您的组件： https ://ng.ant.design/docs/customize-theme/en