css - IONIC4 : how to use cssClass for Loading , 它不起作用

Question

我想使用 cssClass 更改 ionic 加载样式，我的代码如下:

加载.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();
}
}

加载.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

主题/变量.scss

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

我不知道为什么，但它在 Ionic4 中有效。

如果你写在loading.page.scss里，是不行的。