覆盖混和减少

Question

我正在开发一个角度应用程序，它使用NG作为组件。

我需要定制按钮的外观，我想通过定制预定义的更少的函数/混合器来实现。

例如，我需要重写这个混音定义。

node_modules/ng-zorro-antd/button/style/mixin.less

// Base styles of buttons
// --------------------------------------------------
.btn() {
  position: relative;
  display: inline-block;
  font-weight: @btn-font-weight;

  ...

  &.disabled,
  &[disabled] {
    cursor: not-allowed;
    > * {
      pointer-events: none;
    }
  }

特别是&.disabled部分。

显然我可以用

@import '~ng-zorro-antd/button/style/mixin';

但我不知道该怎么推翻它。也许这太简单了！

Answer 1

也许这太简单了！

很明显，事情就这么简单

.btn() {
  &.disabled,
  &[disabled] {
    cursor: default;
  }
}

这是在您的自定义.less文件中，也是在angular.json中声明的。

"styles": [
   ...
   "src/main/webapp/assets/css/styles_zorro.less"
],