如何在Ionic2中添加用戶定義的圖標？

Question

我是Ionic 2的新手，我想使用我自己的圖標/圖像切片（就像我放置在原生android中的可繪製文件夾中的那些）。就像在列表視圖中，我想添加一個圖標以及一些文本。我無法找到這樣的例子。任何幫助將高度讚賞。

Answer 1

下面將是你的CSS文件

.icon{ 
    background-image: url("../assets/icons/ic_icon.png"); 
    background-repeat:no-repeat; 
} 

離子2 HTML代碼

<button ion-button color="secondary" clear> 
<div class="icon"> 
       <p>Icon</p> 
      </div> 
    </button> 

這會爲你工作，在離子2，按鈕標籤是可選的，它的存在添加TAP效應

Answer 2

嘗試icomoon服務，它提供的css文件和字體容易包含在項目