ionic-framework - 如何将自定义加载器 gif 添加到 Ionic V5
问题描述
我正在使用最新版本的 Ionic v5.0.0,并且我正在尝试在我的组件中添加一个自定义 gif 加载器。我尝试添加背景图片 url 并分配固定的高度和宽度。但是由于某些奇怪的原因,没有 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;
}
任何帮助将不胜感激
解决方案
在项目 src 文件夹的 global.css 文件中添加您的 .global-loader css 类
推荐阅读
- java - 错误:使用 .png 时文件名必须以 .xml 或 .png 结尾
- typescript - 指定泛型类型之间的关系
- angular - 在 custom.sass 中编辑 Angular 材质 mat-form-field
- c# - 从 .NET Core 调用 VISA API 时出错
- routing - 使用参数翻译 Drupal 8 自定义路由路径
- java - 如何在 linux pc 上设置 Cordova 9.0.0?
- javascript - xhttp 帖子不起作用。var 未定义
- javascript - vuejs单元测试,默认安装说没有指定测试
- python - 测试登录用户是否看到未发布的问题
- c - 初始化指向 char 数组的指针时出现分段错误