html - Angular/ Material 垫微调器调整大小

Question

是否有任何可能的方法来改变 mat-spinner 或 mat-progress-circle 的大小？

我阅读了 mat-spinner 和 mat-progress-circle 的文档，但他们说 mat-diameter 已停产，spinner将采用父元素的大小。

如何在不改变按钮高度的情况下将 mat-spinner 放在 mat-button 的左上角？

<button mat-button>
   <mat-spinner style="float:left;"></mat-spinner> 
   processing....
</button>

我也尝试过使用内联 css 来改变高度

style="float:left;height:10px;width:10px;

但并不好看。

Answer 1

在最新更新中，您应该使用 diameter 属性:

<mat-spinner [diameter]="70"></mat-spinner>

直径表示微调器的宽度和高度的像素数量。在本例中，它的大小为 70x70 像素。

请参阅以下 stackblitz 示例:

https://stackblitz.com/edit/angular-material2-progress-spinner