Angular Material Progress Spinner带有图标图标 - (mat-spinner)

时间:2018-01-16 14:38:21

标签: css angular angular-material2

我在我的项目中实现了mat-spinner,但它只有很少的可配置更改,如Color,旋转模式。我想在微调器中包含Image Icon,这是一个品牌/公司的Logo,我该如何实现它?

以下是Stackblitz链接:

https://stackblitz.com/angular/lmgppgejqxdv

它有模式和颜色变化,但我如何包含任何图像以适应进度微调器?

1 个答案:

答案 0 :(得分:0)

您可以使用以下方式访问微调器的背景图层:

.mat-progress-spinner svg {
  background: red;
}

但请注意,svg会受到变换的影响,因此背景也可能会被旋转。