首页 > 其他分享 >ionic LoadingController 使用cssClass改变加载样式

ionic LoadingController 使用cssClass改变加载样式

时间:2023-06-30 12:14:15浏览次数:45  
标签:ionic LoadingController color a6b3f7 ion loading -- cssClass 加载

以改变加载框的图表颜色和字体颜色为例

在主题文件variables.scss中设置LoadingController 需要改变的样式class

以下使用主题颜色为加载框的图表颜色和字体颜色(当主题更改时随之改变)

// 加载框全局样式
ion-loading.custom-loading {
    .loading-wrapper {
        --spinner-color: var(--ion-color-primary, #a6b3f7);
        color: var(--ion-color-primary, #a6b3f7);
    }
}

或者直接定义指定颜色

// 加载框全局样式
ion-loading.custom-loading {
    .loading-wrapper {
        --spinner-color:  #a6b3f7;
        color:#a6b3f7;
    }
}

使用加载控制器的位置

 

标签:ionic,LoadingController,color,a6b3f7,ion,loading,--,cssClass,加载
From: https://www.cnblogs.com/sugarwxx/p/17516280.html

相关文章

  • ionic3安卓触发返回键ion-datetime不自动关闭
    框架:ionic3+angular机型:安卓问题:点击打开ion-datetime选择框,直接使用物理返回键(或自带的滑动返回)时,页面返回上一页但ion-datetime弹窗仍未关闭。理想情况:返回时会自动关闭ion-datetime弹窗再返回上一页解决方法://page.tsimport{Platform}from'ionic-angular';.........
  • DSM-5 表演型人格障碍(histrionic personality disorder,HPD)
    戏剧化人格障碍是人格障碍的一种,又称表演型人格障碍。患者常显得不成熟、情绪不稳,具有强烈的自我意识和个人表现欲。他们富含敏感而夸张的情感,追求感官刺激,喜欢成为被关注的中心。由于过于重视他人表面的赞同和认可,因此他们的人际关系会很肤浅。他们善于博取同情,用夸张的情感控制......
  • ionic3打包内存溢出解决方法
    ionic3打包遇到报错aheadoutofmemorylimits,就是常见的node内存溢出问题,原因是由于node引擎在64位操作系统下内存限制(大小为1.4G)如果超出就会报内存泄漏错误。解决方法:1.全局安装increase-memory-limit插件项目目录控制台中输入:sudonpminstall-gincrease-memory-limit......
  • 提升用户体验:在小程序环境中充分利用Ionic框架
    Ionic是一个用于构建跨平台移动应用程序的开源框架。它结合了HTML、CSS和JavaScript等技术,帮助开发者创建具有原生应用体验的移动应用程序。Ionic提供了一套用户界面组件和工具,可用于构建高度交互和美观的移动应用界面。 Ionic基于Angular框架,利用Angular的能力来构建复杂的......
  • 处理 Ionic 5 中的重大变化:删除了Events,如何在ionic 5+版本中实现自定义Events用于旧
    您是否将您的Ionic应用程序升级到v5,而您的应用程序正在使用Events,它不再工作?如果上述情况属实,那么您来对地方了。先讲个小故事——几天前,我看到一条来自离子团队的推文,Ionic5已发布,在看到该推文10分钟后,我仅使用两个命令将我们的一个中型生产应用程序升级到Ionic5和A......
  • Ubuntu 18.04 (Bionic) 简单快速的安装mongodb
    按步骤走,不带脑子式安装(注意4.0版本mongodb官方已经不再支持,以下代码中可以修改mongodb版本号安装,目前最新版为6.0,如果懒得改直接用也可以,文章后边第三章第一条代码会直接升级为最新版本mongodb):1.导入包管理系统使用的公钥wget-qO-https://www.mongodb.org/static/pgp/serv......
  • ionic5中在一个模态窗口中打开另一个,关闭后者之后出现的问题
    几年前开发ionic时遇到的问题,当时在stackoverflow上找到的解决方案,记录下:In @ionic/[email protected],whenamodallayerisopenedbymodalController,andanothermodallayerisopenedinit,andthenthelatterisclosed,therewillbeaproblem:atranslucentmask......
  • Ionic 保存图片文件异常 parent folder doesn't exist error parent folder doesn't e
    异常:使用插件Filesystem保存文件出现异常  异常引发的原因是:没有父文件存在解决方式:增加参数recursive:true(是否创建任何缺失的父目录)  可参考链接解决链接:h......
  • 前端调试工具(ionic)
    一、调试工具介绍1、firefox插件WebDeveloper1.1.6(最新版本,中文版)主要用于html、css、js的查看和编辑;推荐指数:Firefox上开发和调试web站点的不二之选。Webdeveloper......
  • ionic 架构
    1.路由:rout,页面内容:html,页面css:scss,js脚本内容:ts2.功能介绍路由:负责组织每个页面。页面css:scss,负责定制每个组件的内容,比如组件是iobag,那么在这个文件里就直接去......