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)。请参阅许可证文件以获取更多信息。