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