make overlay class dynamic as prop

Author: Edujugon

README.md

@@ -25,6 +25,7 @@ npm install vue-full-loading --save
 |  `label`              | String    | <b>Default 'Loading...' |
 |  `show`               | Boolean   | <b>Default false</b> <br>Options: true or false.  |
 |  `overlay`            | Boolean   | <b>Default true</b> <br>Options: true or false.  |
+|  `overlay-class`      | String    | <b>Default 'white-overlay'   |
 |  `loader-class`       | String    | <b>Default 'loader-wrapper'   |
 |  `event-bus`          | Object    | <b>Default null</b> <br>Central event Bus  |
 |  `event-show`         | String    | <b>Default 'show-full-loading'|

src/Loading.vue

@@ -3,7 +3,7 @@
             enter-active-class="animated fadeIn"
             leave-active-class="animated fadeOut"
     >
-        <div v-if="showing" :class="{'white-overlay': overlay}">
+        <div v-if="showing" :class="{[overlayClass]: overlay}">
             <slot name="loading-container">
                 <div :class="loaderClass">
                     <slot name="loading-text">
@@ -83,6 +83,9 @@
             loaderClass: {
                 default: 'loader-wrapper'
             },
+            overlayClass: {
+                default: 'white-overlay'
+            },
             // central event bus
             eventBus: {
                 default: null