IONIC4: как использовать cssClass для загрузки, это не работает

Question

Я хочу изменить стиль ионной загрузки с помощью cssClass, мой код выглядит следующим образом:

loading.page.ts:

@Component({
    selector: 'app-loading',
    templateUrl: './loading.page.html',
    styleUrls: ['./loading.page.scss'],
})
export class LoadingPage {

constructor(public lLoadingController: LoadingController) { }

async  presentCunstomLoading() {
    const loading = await this.lLoadingController.create({
        spinner: 'hide',
        duration: 500000,
        content: 'Please wait...',
        translucent: true,
        cssClass: 'custom-class'
    });
    return await loading.present();
}
}

loading.page.scss ::

`

app-loading {
  .custom-class {
    background: #e0b500;
  }

} `

loading.page.html:

<ion-content padding>
    <ion-button (click)="presentModal()">open modal</ion-button>
</ion-content>

Что за проблема с этим? Любой может помочь мне. Я сбит с толку. Заранее спасибо.

Answer 1

Тема / variables.scss

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

Не знаю почему, но это работает в Ionic4.

Если вы напишите в loading.page.scss, это не сработает.