ionic 6 - 创建带有图标的圆形离子按钮

Question

如何创建带有离子图标的圆形离子按钮（基于角度）？

例如：

代码起点：

<ion-button (click)="buttonClicked()">
      <ion-icon name="send-sharp"></ion-icon>
</ion-button>

我尝试了这些解决方案，但没有帮助。

Answer 1

这是如何以离子方式完成的：

ion-button[shape=circle] {
    --border-radius: 50%;
    width: 56px;
    height: 56px;
}

<ion-button shape="circle" (click)="buttonClicked()">
  <ion-icon slot="icon-only" name="send-sharp"></ion-icon>
</ion-button>