Nuxt.js loadingIndicator 属性

loadingIndicator 属性

在SPA页面加载时显示不同加载进度条!

在SPA模式下运行Nuxt.js时,第一页加载时没有来自服务器端的内容。因此,我们可能会显示一个加载进度,而不是在页面加载时显示空白页面。 此属性可以有3种不同的类型:string或false或object。如果提供了string值,则将其转换为object样式。

默认值为:

{
  name: circle,
  color: #3B8070,
  background: white
}

内置加载器样式

这些指标来自令人敬佩的Spinkit项目。您可以使用其demo页面预览加载进度样式。

  • circle
  • cube-grid
  • fading-circle
  • folding-cube
  • chasing-dots
  • nuxt
  • pulse
  • rectangle-bounce
  • rotating-plane
  • three-bounce
  • wandering-cubes

内置加载器样式支持 color 和 background 配置.

自定义加载器

如果您需要自己的特殊加载器,String值或Name键也可以是指标源代码的html模板的路径!所有选项也都传递给模板。

如果您需要基础配置,Nuxt的内置源代码也可用!

作者:冒牌SEO,如若转载,请注明出处:https://www.web176.com/nuxt/22369.html

(0)
打赏 支付宝 支付宝 微信 微信
冒牌SEO冒牌SEO
上一篇 2023年5月24日
下一篇 2023年5月24日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注