聚合物紙圖標按鈕不顯示圖像

我想製作一個紙張抽屜面板，其左側有一個菜單按鈕，用於打開抽屜式導航欄。因此，在主樑板我添加的按鈕，就像聚合物文檔中：聚合物紙圖標按鈕不顯示圖像

<paper-header-panel main> 
    <paper-toolbar> 
    <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button> 
     <div>Extracurricular Activities</div> 
    </paper-toolbar> 
    <!-- main content --> 
    </paper-toolbar> 
</paper-header-panel>

的問題是，菜單按鈕沒有圖像，但我正確地包括紙張圖標按鈕。當我點擊按鈕所在的地方時，我可以選擇一種正常的波紋效果，並且抽屜打開，所以按鈕必須在那裏。

Here is a screenshot of the header, the menu button should be at the left of the header text

沒有任何人有一個想法是什麼，我做錯了什麼？

來源

2015-10-23 Captain Kopp

您是否嘗試過在chrome開發工具中查看網絡日誌？ –

是的，圖標文件沒有列出... –

確保您還導入了圖標集。默認圖標（包括菜單）可以在iron-icons中找到。

一旦你已經安裝鐵圖標。進行以下導入：

<link rel="import" href="bower_components/iron-icons/iron-icons.html">

來源

2015-10-23 10:46:06 Maria

啊，是的。我的錯誤是，我包括鐵圖標，而不是鐵圖標。非常感謝你！ –

它工作，但紙張按鈕圖標不應該導入其依賴項本身？即如果需要鐵圖標來使用紙張按鈕圖標，則應該將其導入文件paper-button-icon.html中。 –

@Jp_通常，元素會導入自己的依賴項。然而，你不需要'鐵圖標'必須使用'紙 - 圖標 - 按鈕'，你只需要一些圖標集。導入可能使用也可能不使用的圖標集效率不高。 – Maria

聚合物紙圖標按鈕不顯示圖像

回答

相關問題