如何在Polymer.dart中使用material设计的内置css颜色类？
How to use built-in css color classes of material design in Polymer.dart?
我正在尝试测试并将官方霓虹灯动画示例之一从 JS 移植到 Dart。
这是原文js demo and js source,
这是我实现的 Dart demo and Dart source
遇到2个问题：
在JS版本中，div的颜色赋值为class，如：class="card green-300"，green-300表示a material 颜色，同样的方法在 Dart 版本中不起作用，所以 Dart 中使用 css 分配内置 material 设计颜色的方法是什么 class?
html:
<div id="[[index]]" class="card green-300" on-tap="onTapped">
<span>[[item.value]]</span>
</div>
所有布局都在html中定义，所以结果应该是一样的。 但在我的 Dart 版本中，布局被破坏了。也许需要一些额外的设置？
js的结果：
飞镖结果:
--2016.05.24更新--
Problem 1 is solved.
正如 Günter Zöchbauer 指出的那样，我忘记导入包含那些手写和预定义 css 颜色 class 的 html。我想我们只需要枚举所有颜色并在某处预先定义那些 css classes 。谢谢 Günter。
Problem 2 is about solved.
奇怪的是，polymer.js 构建的相同内容在 chrome v50 和 v51 上可以正常工作，但 polymer.dart 只能在 chrome v51 上工作。
将 <grid-view> 的 display: block 更改为 display: flex 使其看起来像您的第一个屏幕截图。
我正在尝试测试并将官方霓虹灯动画示例之一从 JS 移植到 Dart。
这是原文js demo and js source,
这是我实现的 Dart demo and Dart source
遇到2个问题：
在JS版本中，div的颜色赋值为class，如：class="card green-300"，green-300表示a material 颜色，同样的方法在 Dart 版本中不起作用，所以 Dart 中使用 css 分配内置 material 设计颜色的方法是什么 class?
html:
<div id="[[index]]" class="card green-300" on-tap="onTapped"> <span>[[item.value]]</span> </div>所有布局都在html中定义，所以结果应该是一样的。 但在我的 Dart 版本中，布局被破坏了。也许需要一些额外的设置？
js的结果：
飞镖结果:
--2016.05.24更新--
Problem 1 is solved.
正如 Günter Zöchbauer 指出的那样，我忘记导入包含那些手写和预定义 css 颜色 class 的 html。我想我们只需要枚举所有颜色并在某处预先定义那些 css classes 。谢谢 Günter。
Problem 2 is about solved.
奇怪的是，polymer.js 构建的相同内容在 chrome v50 和 v51 上可以正常工作，但 polymer.dart 只能在 chrome v51 上工作。
将 <grid-view> 的 display: block 更改为 display: flex 使其看起来像您的第一个屏幕截图。