标签: gwt-material-design

从gwt-material的github演示(gwt-material-demo)复制代码,你可以在编译时收到这个奇怪的错误:

[ERROR] 12477 [main] INFO org.jboss.errai.enterprise.rebind.NonGwtEventQualifierSerializerGenerator - Successfully loaded org.jboss.errai.cdi.EventQualifierSerializerImpl
[INFO]    Computing all possible rebind results for '[my_packages].Binder'
[INFO]       Rebinding [my_packages].Binder
[INFO]          Invoking generator com.google.gwt.uibinder.rebind.UiBinderGenerator
[INFO]             [ERROR] Unexpected text in element: "? ?": <m:MaterialRow> (:21)

这是由于一些奇怪的不可见字符,如下图所示:

删除它们,一切都很好.

再见尼古拉

我正在使用Web 库的材料设计组件。我有一个我想更改的选项卡组件underline-color。

说明说

要自定义选项卡指示器，请使用以下 mixin。

然后它给出了一张桌子。对于下划线颜色，它说

underline-color($color) 自定义下划线的颜色。

因此，我在我的scss文件中尝试以下内容：

  .mdc-tab-indicator {
      underline-color(red);
  }

我编译我的 sass （使用dart-sass）并收到以下错误

Error: expected "{".

它说这是一个“Sass Mixin”。因此，我查看了有关 mixins 的 SASS 文档。我没有看到任何遵循语法的内容mixin-name($variable)。里面的一切看起来都像

@mixin reset-list {
  margin: 0;
}

用花括号，而不是圆括号。但是，该错误表明它需要一个大括号，并且显然该@符号是必需的。所以，我尝试：

  .mdc-tab-indicator {
      @underline-color(red);
  }

这不会引发错误，但不会导致下划线颜色发生变化。我尝试遵循 sass 文档的语法：

  .mdc-tab-indicator {
      @underline-color(red){};
  }

没有错误，但没有颜色变化。我尝试更好地匹配语法：

  .mdc-tab-indicator {
      @mixin underline-color(red){};
  }

这会抛出

Error: expected ")".

我尝试

  .mdc-tab-indicator {
      @mixin underline-color(red);
  }

同样的错误。

我不明白材料组件文档的说明是什么。当它说“要自定义选项卡指示器，请使用以下 mixins”时，这是什么意思。？如何更改 Material Design Component …