jobdone-shared-files 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,75 +1,75 @@
1
- <template>
2
- <loading :is-full-page="fullPage" :loader='loader' :active="isActive" :color='colors' :background-color='backgroundColor' :opacity='opacity' :enforce-focus="false"/>
3
- </template>
4
-
5
- <script>
6
-
7
- // enum Data & Functions
8
-
9
- // vue & bootstrap
10
- import { ref } from 'vue'
11
-
12
- // plugins
13
- import Loading from 'vue-loading-overlay';
14
-
15
- /** vue loading 預設樣式 */
16
- const loadingOverlayOptions = {
17
- loader: 'bars',
18
- colors: '#647AF1',
19
- backgroundColor: '#000',
20
- opacity: 0.5,
21
- }
22
-
23
- // 用法說明
24
- // 1. npm install vue-loading-overlay@^6.0
25
- // 2. 在js或.vue中import >> import Loading from "本檔案位置"
26
- // 3. 畫面中放上Component >> <Loading :is-active="isLoading"></Loading> ("isLoading" => 自定義變數)
27
- // 4. loading 初始化 >> const isLoading = ref(false); ("isLoading" => 自定義變數)
28
- // 5. 開啟loading >> isLoading.value = true; ("isLoading" => 自定義變數)
29
- // 6. 關閉loading >> isLoading.value = false; ("isLoading" => 自定義變數)
30
-
31
-
32
-
33
- // vue components
34
- export default {
35
- props: {
36
- isActive: {
37
- type: Boolean,
38
- default: false
39
- },
40
- loader: {
41
- type: String,
42
- default: loadingOverlayOptions.loader
43
- },
44
- colors: {
45
- type: String,
46
- default: loadingOverlayOptions.colors
47
- },
48
- backgroundColor: {
49
- type: String,
50
- default: loadingOverlayOptions.backgroundColor
51
- },
52
- opacity: {
53
- type: Number,
54
- default: loadingOverlayOptions.opacity
55
- },
56
- fullPage: {
57
- type: Boolean,
58
- default: true
59
- }
60
- },
61
- components: {
62
- Loading
63
- },
64
- setup(props, { emit }) {
65
-
66
- }
67
- }
68
-
69
- </script>
70
- <style lang="scss">
71
- @import './style/css/vue-loading-overlay/index.css';
72
- .vl-overlay{
73
- backdrop-filter: var(--backdrop-blur);
74
- }
1
+ <template>
2
+ <loading :is-full-page="fullPage" :loader='loader' :active="isActive" :color='colors' :background-color='backgroundColor' :opacity='opacity' :enforce-focus="false"/>
3
+ </template>
4
+
5
+ <script>
6
+
7
+ // enum Data & Functions
8
+
9
+ // vue & bootstrap
10
+ import { ref } from 'vue'
11
+
12
+ // plugins
13
+ import Loading from 'vue-loading-overlay';
14
+
15
+ /** vue loading 預設樣式 */
16
+ const loadingOverlayOptions = {
17
+ loader: 'bars',
18
+ colors: '#647AF1',
19
+ backgroundColor: '#000',
20
+ opacity: 0.5,
21
+ }
22
+
23
+ // 用法說明
24
+ // 1. npm install vue-loading-overlay@^6.0
25
+ // 2. 在js或.vue中import >> import Loading from "本檔案位置"
26
+ // 3. 畫面中放上Component >> <Loading :is-active="isLoading"></Loading> ("isLoading" => 自定義變數)
27
+ // 4. loading 初始化 >> const isLoading = ref(false); ("isLoading" => 自定義變數)
28
+ // 5. 開啟loading >> isLoading.value = true; ("isLoading" => 自定義變數)
29
+ // 6. 關閉loading >> isLoading.value = false; ("isLoading" => 自定義變數)
30
+
31
+
32
+
33
+ // vue components
34
+ export default {
35
+ props: {
36
+ isActive: {
37
+ type: Boolean,
38
+ default: false
39
+ },
40
+ loader: {
41
+ type: String,
42
+ default: loadingOverlayOptions.loader
43
+ },
44
+ colors: {
45
+ type: String,
46
+ default: loadingOverlayOptions.colors
47
+ },
48
+ backgroundColor: {
49
+ type: String,
50
+ default: loadingOverlayOptions.backgroundColor
51
+ },
52
+ opacity: {
53
+ type: Number,
54
+ default: loadingOverlayOptions.opacity
55
+ },
56
+ fullPage: {
57
+ type: Boolean,
58
+ default: true
59
+ }
60
+ },
61
+ components: {
62
+ Loading
63
+ },
64
+ setup(props, { emit }) {
65
+
66
+ }
67
+ }
68
+
69
+ </script>
70
+ <style lang="scss">
71
+ @import './style/css/vue-loading-overlay/index.css';
72
+ .vl-overlay{
73
+ backdrop-filter: var(--backdrop-blur);
74
+ }
75
75
  </style>