js loading overlay

Наложение загрузки JS

Легко и красиво отображайте наложение загрузки в вашем приложении. Оверлей загрузки JS с использованием Awesome Spinner из Load Awesome. Он содержит 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). Дополнительную информацию см. в файле лицензии.