Javascript 布局属性不工作

我可能做错了什么愚蠢的事。我正在使用Polymer 1.0，试图制作一个非常基本的模块。但是当我指定

布局属性时，它们将不起作用。但是，如果我键入
class=“layout flex[etc..”
等等，它就会工作。见下文：

<script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
<script src="bower_components/time-elements/time-elements.js"></script>
<link rel="import" href="/bower_components/polymer/polymer.html">

<dom-module id="x-chat-list">
<template>
    <section class="user-list" layout horizontal>
        <div class="avatar {{color}}" style="background-image: url({{avatar}})">
            <div class="status {{status}}"></div>
        </div>
        <div flex>
            <div class="username">{{username}}</div>
            <div class="text">{{text}}</div>
        </div>
        <time class="timestamp" is="relative-time" datetime="{{timestamp}}"></time>
    </section>
</template>

<script>
Polymer({
        is: 'x-chat-list',
        properties: {
            avatar: '',
            color: '',
            username: '',
            text: '',
            status: '',
            timestamp: new Date().toISOString()
        }
});
</script>
</dom-module>


{{username}}
{{text}}
聚合物({
是：“x-chat-list”，
特性：{
阿凡达：''，
颜色：''，
用户名：“”，
文本：“”，
状态：“”，
时间戳：新日期（）.toISOString（）
}
});

就好像它不认识聚合物什么的

谢谢大家!
 布局属性已在1.0中删除，并替换为布局类（）。因此，当您使用这些类时，您做的是正确的。
哦，好的，非常感谢！我阅读了迁移指南，但误解了它（认为布局类只应该在dom模块之外使用）。您也可以使用@apply在自定义元素的样式表中使用自定义属性。