使用聚合物与纸张工具栏

使用下面的布局。我无法正确获得屏幕右侧的头像和注销按钮。看来我似乎无法弄清楚如何正确设置工具栏。使用聚合物与纸张工具栏

但是，纸质工具栏github上存在这个问题：问题#6也是一个问题，因此我必须手动设置工具栏的大小，而不是使用内置样式。

<body class="fullbleed layout vertical"> 
    <paper-drawer-panel> 
     <paper-header-panel drawer> 
      <paper-toolbar> 
       <div><img src="my-image.png"></div> 
      </paper-toolbar> 
      <paper-menu id="mainMenu"> 
       <paper-item>One</paper-item> 
       <paper-item>Two</paper-item> 
      </paper-menu> 
     </paper-header-panel> 
     <paper-header-panel main> 
      <paper-toolbar> 
       <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button> 
       <div>My Title</div> 
       <img src="my-avatar.png" aria-label="avatar" title="avatar" width="64px" height="64px"/> 
       <a href="/logout" aria-label="Logout" title="Logout">Logout</a> 
      </paper-toolbar> 
      <div id="content">My content/div> 
     </paper-header-panel> 
    </paper-drawer-panel> 
    </body>

注：我还没有与聚合物的任何版本的工作（包括新发行1.0）

来源

2015-05-28 flamusdiu

我仍然不知道为什么它不工作，但我开始与Polymer Starter Kit，并得到了工作工具栏。我只能认为我设置了一个糟糕的框架。

来源

2015-06-12 21:37:33 flamusdiu

两件事情 -

<div class="flex">My Title</div>
中添加这是你的<head> <link rel="import" href="bower_components/paper-styles/paper-styles.html">

尽管可能并不需要第二个，因为我相信纸质工具栏进口纸自动样式。

来源

2015-06-13 02:31:57 Aravind

我不确定纸张风格。虽然，第一部分不适合我。尽管如此，[Polymer Starter Kit Index.html]（https://github.com/PolymerElements/polymer-starter-kit/blob/master/app/index.html）表明了这一点，并且似乎适用于我。 – flamusdiu

使用聚合物与纸张工具栏

回答

相关问题