SPA のページ読み込み中に素敵なローディングインジケータを表示します!
SPA モードで Nuxt.js を実行すると、はじめのページ読み込み時にはサーバーからのコンテンツがないため、ページが読み込まれている間に空白のページの代わりとしてスピナーを表示することがあるでしょう。
このプロパティには、 string
, false
, object
の 3 ついずれかの型を持つことができます。
文字列が与えられた場合には、オブジェクトへと変換されます。
デフォルト値:
{
name: 'circle',
color: '#3B8070',
background: 'white'
}
このインジケータは、素晴らしい Spinkit プロジェクトから移植されています。 Spinkit のデモページを見ることで、スピナーを試してみることができます。
内蔵インジケータは、 color
および background
オプションをサポートしています。
もし独自の特別なインジケータを必要とする場合は、 String 値もしくは Name キーにインジケータのソースコードを HTML テンプレートへのパスとして設定することができます! その際、全てのオプションもテンプレートへと渡されます。
ベースが必要な場合は、 Nuxt の組み込みソースコードをベースとして使用できます。
間違いを見つけた、またはドキュメントに貢献したいですか? GitHub でこのページを編集する