js loading overlay

Sobreposição de carregamento JS

Exiba a sobreposição de carregamento de maneira fácil e bonita em seu aplicativo. Sobreposição de carregamento JS usando o incrível spinner do Load Awesome. Ele contém 52 spinners que você pode escolher.

Características

• Sobreposição de carregamento de página inteira. Capaz de mostrar a sobreposição de carregamento de página inteira.

• Carregando sobreposição dentro do contêiner. Capaz de exibir a sobreposição de carregamento dentro do contêiner

• Bloquear rolagem. Capaz de bloquear a rolagem durante o carregamento da sobreposição ativa.

Documentação

Para obter detalhes sobre instruções de instalação e uso aprofundado, consulte a documentação.

Como instalar

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'});

Como usar

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'});

Mostrar sobreposição de carregamento com opções padrão

JsLoadingOverlay.show();

Mostrar sobreposição de carregamento com opções personalizadas

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

Ocultar sobreposição de carregamento

JsLoadingOverlay.hide();

Registro de alterações

Consulte CHANGELOG para obter mais informações sobre o que mudou recentemente.

Contribuindo

Consulte CONTRIBUINDO para obter detalhes.

Licença

A licença MIT (MIT). Consulte Arquivo de licença para obter mais informações.