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 | |