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

Question

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

我附上了我的代码和图片：

我的 HTML 当前使用按钮的片段：

<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;

}

我的实际按钮：

但我需要如下按钮：

Answer 1

ionic 中有默认按钮小部件。

试试下面的代码

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

您可以找到更多 Here

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

How can I design the Ionic button with symbols on the right side?

mobile

android

hybrid

ionic-framework

ionic2