离子1 - 将自定义图标添加到导航按钮

时间:2018-01-22 07:32:08

标签: ionic-framework ionic-v1

我想将图像作为图标添加到标题中的导航按钮。这可能吗?我该怎么办呢?这是我目前的代码..它不起作用:

在html代码中:

<ion-nav-bar class="bar-positive custom-dark">
<ion-nav-buttons side="left">
<button class="button" style="background: #1e1e1c;" ng-click="doSomething()">
  <i class="icon home"></i>
</button>

在css代码中:

.home
{
  background: #1e1e1c;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  background-image:  url('img/finalimages/home.png');
  display: inline;
}

1 个答案:

答案 0 :(得分:0)

您可以创建一个自定义图标,该图标可以作为离子中的默认后退按钮替代。

通过这种方式,您可以获得许多可在整个项目中使用的自定义图标。

这可以通过以下教程来完成:here