Ionic2中导航栏中的按钮填充

Question

我有一个weirs UI问题。我已经在我的导航栏中添加了一个按钮，就像文档中提到的那样，但它在示例中看起来并不像。 Android设备上有这种奇怪的填充：

代码： `

<ion-navbar>
  <ion-title>
    Location chooser
  </ion-title>

  <ion-buttons end>
    <button ion-button icon-only (click)="addButtonClicked()">
      <ion-icon name="add"></ion-icon>
    </button>
  </ion-buttons>
</ion-navbar>

Answer 1

这不是获得所需效果的最佳方法，但请看一下这个sass。

// class for the back button
.back-button {
  padding-left: 4px;
}

// reference to add button
ion-header {
  ion-navbar {
    ion-buttons {
      button {
        // needed important.
        padding-right: 4px !important;
      }
    }
  }
}

我通过使用ionic serve检查chrome中的元素来确定后退按钮类。这是弄清楚要改变什么的好方法。