Question

是否有任何可能的方法来更改mat-spinner或mat-progress-circle的尺寸？

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

如何在不更改按钮高度的情况下将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示例：

Answer 2

我不确定为什么你的造型没有带来预期的效果。如您所述，svg内的md-spinner内容会缩放到容器的大小，因此将width和height应用于md-spinner应该有效

<强> CSS

md-spinner {
  float:left; 
  width: 24px; 
  height: 24px; 
  margin: 5px 10px 0px 0px;
}

<强>模板

<button md-raised-button>
  <md-spinner></md-spinner>Raised Button with spinner
</button>

<强>普拉克

这是你想要达到的目标吗？

Answer 3

您可以将其添加到您的CSS文件中：

O(2*n)

Answer 4

这是答案：