当前位置: 首页 > 文档资料 > Nuxt.js 中文文档 >

API: The loading indicator Property

优质
小牛编辑
129浏览
2023-12-01

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

在SPA模式下运行Nuxt.js时,第一页加载时没有来自服务器端的内容。因此,我们可能会显示一个加载进度,而不是在页面加载时显示空白页面。 此属性可以有3种不同的类型:stringfalseobject。如果提供了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

内置加载器样式支持 colorbackground 配置.

自定义加载器

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

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