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

【问题标题】：Add custom loading spinner in ionic v4在 ionic v4 中添加自定义加载微调器
【发布时间】：2019-07-04 11:33:32
【问题描述】：

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

【问题讨论】：

使用 --background CSS 属性自定义 GIF 或图像

标签： ionic-framework loading ionic4

【解决方案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

【讨论】：

ok.thnx 为你响应我想创建 gif 加载器，ionic 3 有 content 属性，但 v4 没有 content 属性
@naveenpandi 你会想要使用 ion-img，而不是 ion-icon。 ionicframework.com/docs/api/img

【解决方案2】：

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

【讨论】：