如何在右侧设计带有符号的 Ionic 按钮？答案

【问题标题】：How can I design the Ionic button with symbols on the right side?如何在右侧设计带有符号的 Ionic 按钮？
【发布时间】：2018-08-09 09:36:43
【问题描述】：

我正在使用以下带有蓝色背景和白色标签的简单离子按钮。但我需要一个椭圆形的，右边有符号的。我已经附上了两张图片（我现在使用的按钮和我实际需要的按钮）。我该如何设计按钮，因为我是 Ionic 的新手。

我已附上我的编码和图片：

当前使用按钮的我的 HTML sn-p：

<ion-item>
<div>
<button ion-button name="submitbutton" (click)="submitforget()" tabindex="3" #submitbutton class="submitbutton">SUBMIT</button>
  </div>
  </ion-item>

我当前按钮的 CSS：

.submitbutton{
    text-align: right;
    vertical-align: right;

}

我的实际按钮：

但我需要如下按钮：

【问题讨论】：

标签： android ionic-framework mobile ionic2 hybrid

【解决方案1】：

ionic 中有默认的按钮小部件。

试试下面的代码

<button ion-button icon-end>
Right Icon
<ion-icon name="star"></ion-icon>
</button>

你可以找到更多Here

【讨论】：

欢迎提供帮助:)