【问题标题】:Change style of Progress spinner in angular material在角度材料中更改进度微调器的样式
【发布时间】:2019-09-25 16:50:18
【问题描述】:

我想将 ma​​t-spinnertype 从线更改为小虚线,就像我们对 'ion-spinner' 所做的那样。 有没有办法在 mat-spinner 中指定类型?

【问题讨论】:

  • 您可以使用 css 覆盖 mat-spinner 类
  • 如果图书馆不提供,那么不,你不能这样做。让您拥有或找到另一个提供此功能的库。
  • 我怎样才能为 mat-spinner 实现 的外观?
  • 不确定虚线。但是,您可以编辑进度微调器的笔画宽度。 @Input() strokeWidth: number material.angular.io/components/progress-spinner/api

标签: angular spinner


【解决方案1】:

如果我错了,请纠正我,但我认为您不能更改垫子旋转器的类型。

我建议改用 ngx-spinner npm 包。 -> DEMO

 npm install ngx-spinner --save

微调器类型“line-spin-顺时针-渐变-旋转”可以完成这项工作。

<ngx-spinner
bdOpacity = 0.9bdColor = "#333"size = "medium"color = "#fff"type = "line-spin-clockwise-fade-rotating"[fullScreen] = "true"
>
<p style="color: white" > Loading... </p>
</ngx-spinner>

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-12-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-11-04
相关资源
最近更新 更多