Question

我正在尝试使用核心工具栏中的纸张标签。选项卡的代码在工具栏之外工作，但我希望它位于应用程序的顶部。有可能这样做吗？

这只显示工具栏，不显示标签

<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

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

Answer 1

您必须设置特定宽度才能显示标签。

添加CSS

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

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

Dart / Polygon - 使用核心工具栏中的Paper选项卡

1 个答案: