私のアプリでは多くのページでLoadingController
を使用しています。私はデザインとブランドで動作するようにカスタマイズしたいと思っています。私は変更したい:ionic2 - 画面読み込みの色を変更する
- 背景色。
- テキストを含む白いボックスを削除します。
- 私のスピナーを使用してください。
私は背景がion-backdrop
にあり、(それがiOSのであれば)、ホワイトボックスコンテナはloading-wrapper
、loading-ios
である見つけます。 だから私はapp.scss
のコードを追加:
.ion-backdrop{
background: rgba(0,20,0,.5);
}
.loading-ios, .loading-wrapper{
background: rgba(0,0,0,0);
}
を何も起こりません。どうやってやるの?
私たち自身のグラフィックでスピナーを変更する方法は?
アップデート01:
presentLoadingCustom() {
let loading = this.loadingCtrl.create({
spinner: 'hide',
// showBackdrop: false,
cssClass:`
.custom-spinner-container{
background:#445566;
}
`,
content: `
<div class="custom-spinner-container">
<div class="custom-spinner-box">loading somethung</div>
</div>
`,
duration: 20000
});
loading.onDidDismiss(() => {
console.log('Dismissed loading');
});
loading.present();
}
をしかし、私はエラーを得た:
この中でcss
を行うにはどのように
Error in ./LoadingCmp class LoadingCmp_Host - inline template:0:0 caused by: The string contains invalid characters.
私はので、私が試したcreate()
ためcssClass
の選択肢があるがわかりました場合?