html - ionic LoadingController CSS

我正在使用Ionic3，并且具有LoadingController。

this.loading = this.loadingCtrl.create({
  content: '',
  spinner: 'dots'
});

问题

是否可以去除圆点后面的白色背景？即，只需将圆点覆盖在背景上即可。

从Ionic Documentation可以看到，有一个cssClass选项可用于执行自定义样式。但是，我不确定应将哪种CSS应用于LoadingController。

更新

将以下内容添加到variables.scss中:

$loading-md-background: transparent;

但是，如何移除包装盒？

最佳答案

在您的src/theme/variables.scss中自定义此颜色

可用变量:https://ionicframework.com/docs/api/components/loading/LoadingController/#sass-variables

$loading-ios-background: transparent;
$loading-md-background: $loading-ios-background;
$loading-wp-background: $loading-ios-background;

要在android上删除box-shadow，请再添加一个变量:

$loading-md-box-shadow: none;

或将您的类(class)添加到cssClass:

this.loading = this.loadingCtrl.create({
  content: '',
  spinner: 'dots',
  cssClass: 'my-loading-class'
});

和风格:

===========================

更新:IONIC 3

ion-loading.my-loading-class {
  .loading-wrapper {
    background: transparent;
    box-shadow: none;
  }
}

===========================

IONIC 2

.loading-ios,
.loading-md,
.loading-wp {
  .my-loading-class {
    background-color: transparent;
    box-shadow: none;
  }
}

关于html - ionic LoadingController CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43539413/