离子v3对齐按钮和图标

Question

在ionic creator(v3)上创建按钮时，我可以创建一个像这样的按钮

但是当我导出模板时，它会像这样呈现：

这是我的HTML：

<button ion-button icon-end block color="energized">
      <span>Edit</span>
      <ion-icon name="create"></ion-icon>
</button>

如何正确对齐按钮和图标，使图标位于末尾，按钮文本居中。是否有内置方式我可以使用离子指令做到这一点？或者我是否必须创建自定义CSS才能实现此目标？

Answer 1

从css，您可以添加

button ion-icon {
    position: absolute;
    right: 20px;
}

选择器可以是button[icon-end][block] ion-icon{...}