js loading overlay ดาวน์โหลด - js loading overlay ดาวน์โหลดซอร์สโค้ด

js loading overlay

หมวดหมู่อื่นๆ

1.2.0

ดาวน์โหลด

JS กำลังโหลดภาพซ้อนทับ

แสดงการโหลดซ้อนทับได้อย่างง่ายดายและสวยงามในแอปพลิเคชันของคุณ การซ้อนทับการโหลด JS โดยใช้สปินเนอร์ที่ยอดเยี่ยมจาก 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
});