js loading overlay

JS 로딩 오버레이

애플리케이션에 로딩 오버레이를 쉽고 아름답게 표시하세요. Load Awesome의 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();

변경 내역

최근 변경된 사항에 대한 자세한 내용은 변경 로그를 참조하세요.

기여

자세한 내용은 CONTRIBUTING을 참조하세요.

특허

MIT 라이센스(MIT). 자세한 내용은 라이센스 파일을 참조하십시오.