如何更改 fd-busy-indicator 大小

Question

我在 angular 上使用 fiori ngx 库。我正在使用 <fd-busy-indicator> 从 wiki 加载屏幕。但是尺寸 s 太小而 m 对我来说太大了。我尝试通过

手动修复它

::ng-deep fd-busy-indicator {
  width: 12px;      
  height: 12px;
}

但是没有用，指标变成了垂直对齐。请告诉我如何修复它。

Answer 1

您需要覆盖个别圈子的样式。如果您使用的是 m 尺寸，那么您的 css 将类似于：

::ng-deep .fd-busy-indicator--m .fd-busy-indicator--circle-0,
::ng-deep .fd-busy-indicator--m .fd-busy-indicator--circle-1,
::ng-deep .fd-busy-indicator--m .fd-busy-indicator--circle-2 {
   width: 11px;
   height: 11px;
}