js loading overlay

JS 載入覆蓋

在您的應用程式中輕鬆、美觀地顯示載入疊加。使用來自 Load Awesome 的 Awesome spinner 加載疊加層。它包含 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();

變更日誌

請參閱變更日誌以了解有關最近更改內容的更多資訊。

貢獻

詳細資訊請參閱貢獻。

執照

麻省理工學院許可證 (MIT)。請參閱許可證文件以獲取更多資訊。