css - 改变 Angular 材料微调器的直径会破坏它

Question

这是我的代码

<mat-progress-spinner  [diameter]="50" mode="indeterminate" ></mat-progress-spinner>

如果我删除diameter它会正常工作，但如果我添加diameter它只会显示为一个圆圈而不是旋转。

有没有办法调整它以使其更小？

标签： cssangularangular-material

Answer 1

您可以像这样更改值直径：

<mat-progress-spinner  [diameter]="50" mode="indeterminate" ></mat-progress-spinner>
<mat-progress-spinner  [diameter]="30" mode="indeterminate" ></mat-progress-spinner>
<mat-progress-spinner  [diameter]="10" mode="indeterminate" ></mat-progress-spinner>

工作演示