jobdone-shared-files 0.0.1-beta.79 → 0.0.1-beta.80

package/vueLoadingOverlay.vue

@@ -1,71 +1,71 @@
-<template>
-    <loading :loader='loader' :active="isActive" :color='colors' :background-color='backgroundColor' :opacity='opacity' :enforce-focus="false"/>
-</template>
-
-<script>
-
-// enum Data & Functions
-
-// vue & bootstrap
-import { ref } from 'vue'
-
-// plugins
-import Loading from 'vue-loading-overlay';
-
-/** vue loading 預設樣式 */
-const loadingOverlayOptions = {
-    loader: 'bars',
-    colors: '#647AF1',
-    backgroundColor: '#000',
-    opacity: 0.5,
-}
-
-// 用法說明
-// 1. npm install vue-loading-overlay@^6.0 
-// 2. 在js或.vue中import    >>  import Loading from "本檔案位置"
-// 3. 畫面中放上Component    >>  <Loading :is-active="isLoading"></Loading>  ("isLoading" => 自定義變數)
-// 4. loading 初始化        >>  const isLoading = ref(false);               ("isLoading" => 自定義變數)
-// 5. 開啟loading           >>  isLoading.value = true;                     ("isLoading" => 自定義變數)
-// 6. 關閉loading           >>  isLoading.value = false;                    ("isLoading" => 自定義變數)
-
-
-
-// vue components
-export default {
-    props: {
-        isActive: {
-            type: Boolean,
-            default: false
-        },
-        loader: {
-            type: String,
-            default: loadingOverlayOptions.loader
-        },
-        colors: {
-            type: String,
-            default: loadingOverlayOptions.colors
-        },
-        backgroundColor: {
-            type: String,
-            default: loadingOverlayOptions.backgroundColor
-        },
-        opacity: {
-            type: Number,
-            default: loadingOverlayOptions.opacity
-        },
-    },
-    components: {
-        Loading
-    },
-    setup(props, { emit }) {
-        
-    }
-}
-
-</script>
-<style lang="scss">
-    @import './style/css/vue-loading-overlay/index.css';
-    .vl-overlay{
-        backdrop-filter: var(--backdrop-blur);
-    }
+<template>
+    <loading :loader='loader' :active="isActive" :color='colors' :background-color='backgroundColor' :opacity='opacity' :enforce-focus="false"/>
+</template>
+
+<script>
+
+// enum Data & Functions
+
+// vue & bootstrap
+import { ref } from 'vue'
+
+// plugins
+import Loading from 'vue-loading-overlay';
+
+/** vue loading 預設樣式 */
+const loadingOverlayOptions = {
+    loader: 'bars',
+    colors: '#647AF1',
+    backgroundColor: '#000',
+    opacity: 0.5,
+}
+
+// 用法說明
+// 1. npm install vue-loading-overlay@^6.0 
+// 2. 在js或.vue中import    >>  import Loading from "本檔案位置"
+// 3. 畫面中放上Component    >>  <Loading :is-active="isLoading"></Loading>  ("isLoading" => 自定義變數)
+// 4. loading 初始化        >>  const isLoading = ref(false);               ("isLoading" => 自定義變數)
+// 5. 開啟loading           >>  isLoading.value = true;                     ("isLoading" => 自定義變數)
+// 6. 關閉loading           >>  isLoading.value = false;                    ("isLoading" => 自定義變數)
+
+
+
+// vue components
+export default {
+    props: {
+        isActive: {
+            type: Boolean,
+            default: false
+        },
+        loader: {
+            type: String,
+            default: loadingOverlayOptions.loader
+        },
+        colors: {
+            type: String,
+            default: loadingOverlayOptions.colors
+        },
+        backgroundColor: {
+            type: String,
+            default: loadingOverlayOptions.backgroundColor
+        },
+        opacity: {
+            type: Number,
+            default: loadingOverlayOptions.opacity
+        },
+    },
+    components: {
+        Loading
+    },
+    setup(props, { emit }) {
+        
+    }
+}
+
+</script>
+<style lang="scss">
+    @import './style/css/vue-loading-overlay/index.css';
+    .vl-overlay{
+        backdrop-filter: var(--backdrop-blur);
+    }
 </style>