IONIC4:如何使用cssClass进行加载，这是行不通的 [英] IONIC4 : how to use cssClass for Loading , it is doesn't work

问题描述

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

I want to change ion-loading style using cssClass ,my code as follow:

loading.page.ts:

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 ::

loading.page.scss ::

`

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

}`

loading.page.html:

loading.page.html :

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

这是什么问题?任何人都可以帮助我.我很迷惑.谢谢.

What's problem with this? Anyone can help me . I am confused. Thanks advance.

推荐答案

theme/variables.scss

theme/variables.scss

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

我不知道为什么，但是它可以在Ionic4中使用.

I don't know why, but it works in Ionic4.

如果您在loading.page.scss中编写，它将无法正常工作.

If you write in loading.page.scss, it doesn't work.

这篇关于IONIC4:如何使用cssClass进行加载，这是行不通的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！