使用聚合物與紙張工具欄

使用下面的佈局。我無法正確獲得屏幕右側的頭像和註銷按鈕。看來我似乎無法弄清楚如何正確設置工具欄。使用聚合物與紙張工具欄

但是，紙質工具欄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

使用聚合物與紙張工具欄

回答

相關問題