• loadingIndicator 属性
    • 内置加载器样式
    • 自定义加载器

    loadingIndicator 属性

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

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

    默认值为:

    1. {
    2. name: 'circle',
    3. color: '#3B8070',
    4. background: 'white'
    5. }

    内置加载器样式

    这些指标来自令人敬佩的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的内置源代码也可用!