返回介绍

开场白

开始使用

API

配置

部署

其他

API: The loading indicator Property

发布于 2019-12-01 05:33:25 字数 905 浏览 1149 评论 0 收藏 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文