[FE] Quasar 变通 loading 单纯使用遮罩效果的方法

Posted farwish

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[FE] Quasar 变通 loading 单纯使用遮罩效果的方法相关的知识,希望对你有一定的参考价值。

 

Quasar 的 loading 组件是提供加载中的遮罩效果的。

 

如果你不想要 loading 的效果,只想保留遮罩效果,那么你可以通过 show() 方法的参数进行调整。

 

把 spinnerSize 设为 0 即可做到,如果想把提示信息设为图片样式,可通过 message 设置 html 标签。

 

example:

this.$q.loading.show({
  spinnerSize: 0,
  message: `<img src="/statics/xx.png" style="width: 100%;">`
})

 

Link:https://www.cnblogs.com/farwish/p/13082479.html

以上是关于[FE] Quasar 变通 loading 单纯使用遮罩效果的方法的主要内容,如果未能解决你的问题,请参考以下文章

quasar框架引入element ui 组件

Quasar 找不到 quasar extras,即 material-icons、roboto font css 和 polyfills

检测 jQuery 1.8+ 中的图像加载 - 自弃用以来替代 load()

java 协程框架quasar gradle配置

什么 Quasar 能做 Bootstrap+Vue Js 做不到的?

尝试使用 docker 构建 vue/quasar/node 应用程序时出错:“命令 '/bin/sh -c quasar build' 返回非零代码:1”