0.0.1 • Published 9 months ago
@daracl/loading v0.0.1
Loading
Simple loading message
Browser Support
![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|---|
Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | ie 11 > |
build
npm run build
사용방법
Daracl.loading.create("selector", {})
Daracl.loading.create("selector", { "content": "content" })
Daracl.loading.create("selector", { "content": "content", timeout: 2000 });
Daracl.loading.create("selector", {
"enableCancelButton": true, callback: function () {
console.log('1111111')
}
})
Daracl.loading.create("#sample5", { "enableCancelButton": true, enableTime: true })
loading 옵션
key | 설명 | 기본값 | 옵션값 |
---|---|---|---|
timeout | 자동으로 사라지는 Milliseconds | -1 | |
enableTime | 초 보일지 여부 | false | |
content | 보여질 컨텐츠 | "" | |
bgColor | 백그라운드 컬러 | "#ffffff" | |
zIndex | z-index | 9999998 | |
opacity | opacity | "0.3" | |
loadingImg | 이미지 경로 및 base64 코드 | "" | |
cursor | css cursor | "wait" | |
enableCancelButton | 취소 버튼 활성화 여부 | false | |
callback | 취소 벼튼 활성화시 callback 메소드 | undefined |
0.0.1
9 months ago