如何调整离子旋转器的大小

Posted 2023-03-06

【中文标题】如何调整离子旋转器的大小

【英文标题】：How to resize ion-spinner

【发布时间】：2020-04-21 23:51:15

【问题描述】：

我在离子应用程序中使用ion-spinner。但我的情况是我想改变微调器的大小。当我使用带有默认微调器的自定义 css 时，调整大小可以正常工作。但是对于气泡、圆圈、圆点微调器，它无法正常工作。CSS

.spinner-large 
  width: 100px;
  height: 100px;

HTML

    <ion-spinner name="dots" class="spinner-large"></ion-spinner>

我该如何解决这个问题。

Stackblitz example

【参考方案1】：

尝试使用

ion-spinner 
    transform: scale(3);

从离子论坛中提到，这会让你失去一些解决方案。

【讨论】：

这种方法非常棒。它可以应用于任何离子组件。很好！

【参考方案2】：

我遇到了类似的样式问题，我需要添加解决它 position: absolute 转 css 规则

【参考方案3】：

作为 Ionic 4，您可以使用宽度和高度：

ion-spinner 
  width: 3em;
  height: 3em;

https://github.com/ionic-team/ionic-framework/issues/18115