Question

我正在使用Polymer并拥有一个如下所示的index.html：

<!doctype html>
<html>
<head>
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=no">
  <title>Testing polymer</title>

  <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
  <link rel="import" href="bower_components/paper-tabs/paper-tabs.html">

</head>
<body unresolved fullbleed layout vertical center center-justified style="height: 100vh; margin: 0">
    <template is="auto-binding">
      <paper-tabs selected = "{{selectedPage}}">
        <paper-tab>Page 0</paper-tab>
        <paper-tab>Page 1</paper-tab>
        <paper-tab>Page 2</paper-tab>
        <paper-tab>Page 3</paper-tab>
      </paper-tabs>

    </template>
</body>
</html>

然后我用以下内容启动服务器：

python -m SimpleHTTPServer

并导航到localhost：8000。加载页面后，不显示任何内容。这只是一个空白页面。当我检查JS控制台以查看是否有任何错误时，没有错误。如果我检查元素选项卡，它们都在那里。此外，当我检查每个单独元素的样式选项卡时，它绝对不会显示任何内容。我只是得到标准的橙色，黄色，绿色，蓝色框。

我正在使用Polymer库中包含的paper-tabs，并且没有以任何方式操纵他们的CSS。怎么了？我安装错误了吗？任何帮助，将不胜感激。

Answer 1

你应该使用＆＃34; dom-bind＆＃34;而不是＆＃34;自动绑定＆＃34;用于模板。

聚合物元素css没有显示 - 检查员没有错误

1 个答案: