Ionic 3加载控制器背景设计

Question

我在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中添加自定义样式的位置：https://stackblitz.com/edit/ionic-sqou2x

Answer 1

首先，通过cssClass为您的加载添加一个类：

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

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

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