js loading overlay

JSロードオーバーレイ

アプリケーション内でローディング オーバーレイを簡単かつ美しく表示します。 Load Awesome の素晴らしいスピナーを使用した JS 読み込みオーバーレイ。選択できるスピナーが 52 個含まれています。

特徴

• 全ページ読み込みオーバーレイ。ページ全体の読み込みオーバーレイを表示できます。

• コンテナ内にオーバーレイをロードしています。コンテナ内に読み込みオーバーレイを表示可能

• スクロールをロックします。アクティブなオーバーレイの読み込み中にスクロールをロックできるようになりました。

ドキュメント

インストール手順の詳細や詳しい使用方法については、ドキュメントを参照してください。

インストール方法

NPM
npm install --save js-loading-overlay

Yarn
yarn add js-loading-overlay

Use without NPM or Yarn
import 'js-loading-overlay'
JsLoadingOverlay.show({'spinnerIcon': 'triangle-skew-spin'});

使用方法

import 'js-loading-overlay'
JsLoadingOverlay.show({'spinnerIcon': 'triangle-skew-spin'});

or

< script src = " js-loading-overlay.min.js " ></ script >
JsLoadingOverlay.show({'spinnerIcon': 'triangle-skew-spin'});

デフォルトのオプションを使用して読み込みオーバーレイを表示する

JsLoadingOverlay.show();

カスタム オプションを使用して読み込みオーバーレイを表示する

JsLoadingOverlay.show({
  'overlayBackgroundColor': ' # 666666 ',
  'overlayOpacity': 0.6,
  'spinnerIcon': 'ball-atom',
  'spinnerColor': ' # 000 ',
  'spinnerSize': '2x',
  'overlayIDName': 'overlay',
  'spinnerIDName': 'spinner',
  'spinnerZIndex':99999,
  'overlayZIndex':99998
});

ロード中のオーバーレイを非表示にする

JsLoadingOverlay.hide();

変更履歴

最近の変更点の詳細については、CHANGELOG を参照してください。

貢献する

詳細については、「貢献」を参照してください。

ライセンス

MIT ライセンス (MIT)。詳細については、ライセンス ファイルを参照してください。