html - ionic 加载 Controller css

Question

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

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

问题

是否可以去除点后面的白色背景？即在背景上有点。

从Ionic Documentation可以看出，有一个 cssClass 选项可用于自定义样式。但是，我不确定将什么 css 应用到 LoadingController。

更新

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

$loading-md-background: transparent;

但是我该如何取下盒子呢？

Answer 1

在您的 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;

或将您的类添加到 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;
  }
}