Question

我有一个自定义类：

<link rel="import" href="../bower_components/polymer/polymer-element.html">
<link rel="import" href="shared-styles.html">

<dom-module id="my-voltage">
  <template is="auto-binding">
    <div class="circle">{{volts}}</div>
    <div class="circle">{{time}}</div>
    <div class="circle">{{temp}}</div>
  </template>
  <script>
      //etc
  </script>
</dom-module>

在shared-styles.html文件中，我有圆圈类的定义：

  .circle {
    display: inline-block;
    width: 64px;
    height: 64px;
    text-align: center;
    color: #555;
    border-radius: 50%;
    background: #ddd;
    font-size: 30px;
    line-height: 64px;
  }

但是，该类没有加载。我没有得到文本周围的圆圈，也没有在那里定义任何其他内容。我错过了什么？我可以不在模板中使用类吗？我是否需要以其他方式导入它？

Answer 1

我很确定你想要这样的东西：

<link rel="import" href="../bower_components/polymer/polymer-element.html">
<link rel="import" href="shared-styles.html">

<dom-module id="my-voltage">
  <template is="auto-binding">
    <style include="shared-styles">
       /* any extra styles can go here */
    </style>
    <div class="circle">{{volts}}</div>
    <div class="circle">{{time}}</div>
    <div class="circle">{{temp}}</div>
  </template>
  <script>
      //etc
  </script>
</dom-module>

请注意<style>阻止。

Polymer - 类不加载模板？

1 个答案: