Css 离子3加载控制器的设计

我正在iPhone（iOS 10/11）上使用Ionic 3，我想知道我是否可以拥有不同风格/设计的加载控制器背景。我需要在一些地方的背景，以涵盖整个高度的屏幕，在一些地方只有中间（屏幕的一部分）

到目前为止，我正在通过app.scss执行此操作：

.loading-ios {
  background-color: white;
  opacity: 1 !important;
  position: fixed;
  top: 44px;
  bottom: 49.5px;
}

但这样一来，各地的背景都是一样的。尝试在本地scss文件中本地执行此操作不起作用，因为app.scss会覆盖它们（自然）

有办法吗

---

这是一个添加示例，但带有注释掉的SCSS代码，因为我不知道在STackblitz中在何处添加自定义样式：

首先，通过

cssClass向加载添加一个类：

this.loadingCtrl.create({
     content: "login",
     cssClass: "my-loading"
}).present();

.my-loading {
    ion-backdrop {
        top: 15%;
        height: 70%; 
    }
}

其次，在
app.scss
中为
.my loading
添加样式：

this.loadingCtrl.create({
     content: "login",
     cssClass: "my-loading"
}).present();

.my-loading {
    ion-backdrop {
        top: 15%;
        height: 70%; 
    }
}

你可以创建一个Stackblitz项目，这样我们就可以在那里测试一些东西吗？你可以通过选项
cssClass
为每次加载添加特殊类，然后为它设置样式。@duanx据我所知，cssClass只为加载程序的内部框/区域设置样式，而不是背景。我需要背景覆盖100%，在某些情况下仅覆盖屏幕高度的70%。@Sebafereras我创建了它，但我不知道在哪里添加我的自定义SCSS代码，我找不到任何样式表文件。@Dimitri:
cssClass
将类添加到
离子加载
，这样你就可以明确地为背景应用样式。只需检查装入元素并找到类。