Loading

Simple loading message


Browser Support

!Chrome | !Firefox | !Safari | !Opera | !Edge | !Internet Explorer
--- | --- | --- | --- | --- | --- |
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 | |


``