在ionic v4中添加自定义加载微调器

Question

我想使用GIF或SVG动画为ionic 4应用程序创建自定义加载微调器。没有用HTML填充的“ content”属性，那么在这种情况下如何用自定义SVG或GIF替换气泡SVG？

Answer 1

令人沮丧的是，没有关于ion-icon的组件文档页面，现在最好的是这里的用法页面，其中暗示了如何做：

https://ionicons.com/usage

但是，方法如下：

ion-icon {
  --background: black; // or an icon, etc
  font-size: 12px; // etc
}

您可以在其中使用CSS背景属性正常应用任何内容：

https://www.w3schools.com/css/css_background.asp

Answer 2

 let loading = await this.loadingCtrl.create({
  spinner: null,
  message: '<img src="/assets/loadingGif/loadgif.gif">',\\Your Gif File Path
});
loading.present();