2017-03-16 43 views
1

我是Ionic 2的新手,我想使用我自己的图标/图像切片(就像我放置在原生android中的可绘制文件夹中的那些)。就像在列表视图中,我想添加一个图标以及一些文本。我无法找到这样的例子。任何帮助将高度赞赏。如何在Ionic2中添加用户定义的图标?

回答

5

下面将是你的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效应

+0

谢谢:)它的工作 – Naila

1

尝试icomoon服务,它提供的css文件和字体容易包含在项目

+0

我想用我自己的形象片。 – Naila

+0

好的,你需要css吗? –

+0

是不是有没有办法在HTML中做到这一点? – Naila

相关问题