聚合物2； paper-tabs 不可见

Question

我正在尝试使用 app-toolbars 和 paper-tabs 使用 Polymer 2.0 RC 构建一个基本工具栏。我根据文档创建了 header 并为底部 app-toolbar 添加了 paper-tabs，但它们不可见。

我正确导入了所有元素
我尝试将第二个 app-toolbar 的高度设置为 100%
我试图在主文档中只使用 paper-tabs，但它们都不显示
它在 chrome 或 FF

感谢任何帮助！谢谢！

我的代码：

<app-drawer-layout fullbleed>
  <!-- app-headers -->
  <app-header-layout has-scrolling-region>
    <app-header slot="header" fixed shadow condenses effects="waterfall">
      <app-toolbar id="topbar">
        <paper-icon-button icon="app-icons:menu" drawer-toggle></paper-icon-button>
        <div main-title>WASC Hosting</div>
        <paper-icon-button icon="app-icons:code"></paper-icon-button>
        <paper-icon-button icon="app-icons:search"></paper-icon-button>
        <paper-progress value="10" indeterminate bottom-item></paper-progress>
      </app-toolbar>
      <app-toolbar>
        <paper-tabs selected="0">
          <paper-tab>Food</paper-tab>
          <paper-tab>Food</paper-tab>
          <paper-tab>Food</paper-tab>
        </paper-tabs>
      </app-toolbar>
    </app-header>

    <!-- view contents -->
    <iron-pages selected="[[page]]" attr-for-selected="name" fallback-selection="view-404" role="main">
      <wasc-view-main name="main" class="content"></wasc-view-main>
      <wasc-view-console name="console" class="content"></wasc-view-console>
      <wasc-view-products name="products" class="content"></wasc-view-products>
    </iron-pages>

  </app-header-layout>
</app-drawer-layout>

Answer 1

看看Polymer 2.0 installation Documentation。

你是否正确安装了带有 bower 的 paper-tabs？

bower install --save PolymerElements/paper-tabs#2.0-preview

看看我的bower.json:

"dependencies": {
    "app-layout": "PolymerElements/app-layout#2.0-preview",
    "app-route": "PolymerElements/app-route#2.0-preview",
    "iron-flex-layout": "PolymerElements/iron-flex-layout#2.0-preview",
    "iron-icon": "PolymerElements/iron-icon#2.0-preview",
    "iron-media-query": "PolymerElements/iron-media-query#2.0-preview",
    "iron-pages": "PolymerElements/iron-pages#2.0-preview",
    "iron-selector": "PolymerElements/iron-selector#2.0-preview",
    "paper-icon-button": "PolymerElements/paper-icon-button#2.0-preview",
    "paper-tabs": "PolymerElements/paper-tabs#2.0-preview"
    "polymer": "Polymer/polymer#^2.0.0-rc.1",
    "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0-rc.4"
},
"resolutions": {
    "polymer": "^2.0.0-rc.1"
},

聚合物2； paper-tabs 不可见

Polymer 2; paper-tabs not visible

polymer-2.x