API loadingIndicator属性教程

发布时间：2023-04-14 14:25:01 所属栏目：教程来源：

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

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

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!