如何在Polymer.dart中使用内置的css颜色类材料设计？

Question

我正在尝试测试并将其中一个官方的霓虹动画示例从JS转移到Dart。

这是原始js demo和js source，
这是我实施的Dart demo和Dart source

遇到2个问题：

1. 在JS版本中，div的颜色分配了类，ex：class =“card green-300”，green-300显示了材质颜色，同样的方式在Dart版本中不起作用，所以在Dart中使用css类分配内置材质设计颜色的方法是什么？

   HTML ：

   <div id="[[index]]" class="card green-300" on-tap="onTapped">
      <span>[[item.value]]</span>
   </div>
   

2. 所有布局都是用html定义的，所以结果应该是一样的。 但在我的Dart版本中，布局被打破了。可能需要一些额外的设置吗？

   js的结果：

   飞镖的结果：

- 更新2016.05.24 -

Problem 1 is solved. 

正如GünterZöchbauer所说，我忘了导入包含那些手写和放大器的HTML。预定义的css颜色类。我想我们只需枚举所有颜色并在某处预先定义那些css类。谢谢Günter。

Problem 2 is about solved. 

很奇怪，由polymer.js构建的相同内容在chrome v50＆amp; amp; v51，但polymer.dart仅适用于chrome v51。

Answer 1

将display: block的{​​{1}}更改为<grid-view>，使其看起来像是您的第一个屏幕截图。