【问题标题】:Can I use antd less variable in my component?我可以在我的组件中使用 antd less 变量吗?
【发布时间】:2018-10-22 07:28:37
【问题描述】:

问题

我正在使用 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 less 变量是否正确?

【问题讨论】:

  • 您在为您的 Angular 项目使用 LESS 或 SCSS 预处理器吗?这很重要

标签: angular ng-zorro-antd


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2017-10-11
    • 2018-07-02
    • 2012-10-08
    • 1970-01-01
    • 1970-01-01
    • 2019-02-22
    • 2012-03-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多