在Polymer core-scaffold </div>中的<div tool =“”>中添加core-icon-button

Question

我想在core-scaffold工具栏的末尾添加核心图标按钮（例如“+”图标），即

  

＆LT; div工具＆gt;

我该怎么做？ “+”图标应显示在页面任意宽度的工具栏末尾。

感谢。

Answer 1

core-scaffold元素由3个content区域组成：

1. navigation：然后将您放置在具有属性navigation或nav的元素中的所有内容作为core-drawer-panel的内容
2. tool：此处使用tool属性，tool元素的内容用作core-toolbar <内core-header-panel的内容/ LI>
3. 其余内容显示在页面中央

所以回答你的问题：

<div tool>
  <div>My Main Content Title in the Toolbar</div>
  <core-icon-button icon="add" on-tap="{{addAction}}"></core-icon-button>
</div>

有关Polymer网站上Building single page apps using web components文章的更多信息，或深入了解code of the element