如何将自定义加载器Gif添加到Ionic V5

Question

我正在使用Ionic v5.0.0的最新版本，并且尝试在组件中添加自定义gif加载器。我尝试添加背景图片网址并分配固定的高度和宽度。但是，出于某种奇怪的原因，没有CSS属性会生效。

这是我的ts代码：

 const loader = await this.loadingCtrl.create({
    spinner: null,
    cssClass: 'global-loader',
    duration:10000
  });

这是我的家庭结果组件css：

.global-loader {

    background: url("/assets/img/loader.gif") no-repeat;
    background-size: 100% 100%;
    --height: 64px;
--max-height: 64px;
--max-width:64px;
--min-height:64px;
--min-width:64px;
--width:64px;
}

结果仍然相同：

任何帮助将不胜感激 艾玛（Ahmar）

Answer 1

在项目src文件夹中的global.css文件中添加.global-loader css类