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的内置源代码也可用！