3

我正在尝试使用核心工具栏内的纸张选项卡。选项卡的代码在工具栏之外工作，但我希望它在应用程序的顶部。是否有可能做到这一点？

这仅显示工具栏，不显示选项卡

<core-toolbar>
<paper-tabs selected="0">
<paper-tab>TAB 1</paper-tab>
<paper-tab>TAB 2</paper-tab>
<paper-tab>TAB 3</paper-tab>
</paper-tabs>
</core-toolbar>

但如果我把

<core-toolbar>
<paper-tabs selected="0">
<paper-tab>TAB 1</paper-tab>
<paper-tab>TAB 2</paper-tab>
<paper-tab>TAB 3</paper-tab>
</paper-tabs>
</core-toolbar>
<paper-tabs selected="0">
<paper-tab>TAB 1</paper-tab>
<paper-tab>TAB 2</paper-tab>
<paper-tab>TAB 3</paper-tab>
</paper-tabs>

然后它在工具栏下显示选项卡，但仍然不显示工具栏中的选项卡。

这是截图：https ://drive.google.com/file/d/0B7Hf9K5d9C3TNEltTmg5RWVFY2M/edit?usp=sharing

任何帮助都会很棒！谢谢！

4

1 回答 1

3

您必须设置特定宽度才能显示选项卡。

添加 CSS 喜欢

* /deep/ paper-tabs, 
* paper-tabs /* for browsers without native shadowDOM support */
{
  width: 200px;
}

到您的页面，标签将显示。

于 2014-08-06T05:22:07.920 回答