jobdone-shared-files 0.0.1-beta.87 → 0.0.1-beta.88
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.
- package/README.md +23 -22
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -28,32 +28,33 @@
|
|
|
28
28
|
|
|
29
29
|
----
|
|
30
30
|
|
|
31
|
-
### vueLoadingOverlay
|
|
32
|
-
指定樣式的 vue-loading-overlay
|
|
33
31
|
|
|
32
|
+
### **VueLoadingOverlay**
|
|
33
|
+
指定樣式的vue-loading-overlay
|
|
34
|
+
|
|
35
|
+
* #### VueLoadingOverlay 如何使用
|
|
34
36
|
用法說明 `("isLoading" => 自定義變數)` ：
|
|
35
|
-
| 步驟
|
|
36
|
-
|
|
37
|
-
| 1. | 在js或.vue中import
|
|
38
|
-
| 2. | 畫面中放上Component | `<Loading :is-active="isLoading"></Loading>`
|
|
39
|
-
| 3. | loading 初始化
|
|
40
|
-
| 4. | 開啟loading
|
|
41
|
-
| 5. | 關閉loading
|
|
42
|
-
|
|
43
|
-
### vue-loading-overlay 可用變數：
|
|
37
|
+
| 步驟 | 說明 | 範例 |
|
|
38
|
+
| ---- | ------------------- | -------------------------------------------------------------------------------------- |
|
|
39
|
+
| 1. | 在js或.vue中import | `import Loading from "../../node_modules/jobdone-shared-files/vueLoadingOverlay.vue";` |
|
|
40
|
+
| 2. | 畫面中放上Component | `<Loading :is-active="isLoading"></Loading>` |
|
|
41
|
+
| 3. | loading 初始化 | `const isLoading = ref(false);` |
|
|
42
|
+
| 4. | 開啟loading | `isLoading.value = true;` |
|
|
43
|
+
| 5. | 關閉loading | `isLoading.value = false;` |
|
|
44
|
+
* #### VueLoadingOverlay 可用變數：
|
|
44
45
|
| # | 參數 Attribute | 型別 Type | 預設值 Default | 說明Description |
|
|
45
46
|
| --- | -------------- | --------- | -------------- | ---------------------------------------------------- |
|
|
46
|
-
| 1.
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
| # | 參數 Attribute
|
|
51
|
-
| --- |
|
|
52
|
-
| 1. | is-active
|
|
53
|
-
| 2. | loader
|
|
54
|
-
| 3. | colors
|
|
55
|
-
| 4. | background-color
|
|
56
|
-
| 5. | opacity
|
|
47
|
+
| 1. | full-page | `Boolean` | `true` | 是否填滿整個視窗。<br>為False時,則填滿放置位置的父層 |
|
|
48
|
+
|
|
49
|
+
* #### VueLoadingOverlay 其他可用變數(統一樣式不推薦修改)：
|
|
50
|
+
|
|
51
|
+
| # | 參數 Attribute | 型別 Type | 預設值 Default | 說明Description |
|
|
52
|
+
| --- | ---------------- |:---------:|:--------------:|:------------------------------------------ |
|
|
53
|
+
| 1. | is-active | `Boolean` | `false` | 開啟 / 關閉 |
|
|
54
|
+
| 2. | loader | `String` | `bars` | 圖案樣式<br>spinner / dots / bars 三種可選 |
|
|
55
|
+
| 3. | colors | `String` | `#fff` | 圖案顏色 |
|
|
56
|
+
| 4. | background-color | `String` | `#000` | 遮罩顏色 |
|
|
57
|
+
| 5. | opacity | `Number ` | `0.5` | 遮罩透明度 |
|
|
57
58
|
|
|
58
59
|
|
|
59
60
|
----
|