Ionic framework 如何在Ionic v4中将自定义大小设置为FAB？

我正在用Ionic 4创建一个浮动动作按钮，我想把它做得更大。 如果我给按钮一个类，然后转到scss文件来更改高度和宽度，则位置会混乱（我在水平和垂直方向上都使用“中心”），它会更改大小，但会使按钮从屏幕的中心开始，然后从那里下降，而不是实际居中（希望它在那里有意义）

如何正确地执行此操作？不幸的是，网络上的所有答案都与v4无关

以下是我的html代码：

开始

以及css文件的代码：

。启动btn{
宽度：100px；
高度：100px；
}

我需要改变尺寸和位置，以保持预期

提前谢谢

这是我的工作：

<ion-fab vertical="bottom" style="align-self: center;" slot="fixed">
  <ion-fab-button>
    <i class="iconfont ion-timer" style="margin-right: 5px;"></i>test
  </ion-fab-button>
</ion-fab>

测验

您可以使用角度样式绑定来动态更改Ion Fab大小：

<ion-col> <!--parent-->
 <ion-fab #fab>
  <ion-fab-button
   [style.width]="getDiameterPx()"
   [style.height]="getDiameterPx()"

（使用

@ViewChild（'fab'，{read:ElementRef，static:false}）fab:ElementRef；

获取元素）

父项应具有

style=“position:relative；”

直径函数：

getDiameterPx() {
    return this.fabRadius * 2 + 'px'; // radius*2 = diameter
}

---

你找到解决办法了吗？

getDiameterPx() {
    return this.fabRadius * 2 + 'px'; // radius*2 = diameter
}