我可以在组件中使用antd less变量吗?

时间:2018-10-22 07:28:38

标签: angular ng-zorro-antd

问题

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

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

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

我的解决方案

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

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

在组件中使用NG-ZORRO较少变量是否正确?

1 个答案:

答案 0 :(得分:0)

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