如何在Ionic2中添加用户定义的图标?

时间:2017-03-16 09:45:35

标签: ionic2

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

2 个答案:

答案 0 :(得分:5)

  

以下将是您的Css文件

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

Ionic 2 HTML code

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

这对你有用,在离子2中,按钮标签是可选的,它可以添加点击效果

答案 1 :(得分:1)

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