Nuxt.js loadingIndicator 屬性

loadingIndicator 屬性

在SPA頁面加載時顯示不同加載進度條！

在SPA模式下運行Nuxt.js時，第一頁加載時沒有來自服務器端的內(nèi)容。因此，我們可能會顯示一個加載進度，而不是在頁面加載時顯示空白頁面。 此屬性可以有3種不同的類型：string或false或object。如果提供了string值，則將其轉(zhuǎn)換為object樣式。

默認值為:

{
  name: 'circle',
  color: '#3B8070',
  background: 'white'
}

內(nèi)置加載器樣式

這些指標來自令人敬佩的Spinkit項目。您可以使用其demo頁面預覽加載進度樣式。

• circle
• cube-grid
• fading-circle
• folding-cube
• chasing-dots
• nuxt
• pulse
• rectangle-bounce
• rotating-plane
• three-bounce
• wandering-cubes

內(nèi)置加載器樣式支持 color 和 background 配置.

自定義加載器

如果您需要自己的特殊加載器，String值或Name鍵也可以是指標源代碼的html模板的路徑！所有選項也都傳遞給模板。

如果您需要基礎配置，Nuxt的內(nèi)置源代碼也可用！