@10yun/cv-mobile-ui 0.5.62 → 0.5.64
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/other/uCharts-uniapp/index.js +2 -0
- package/other/uCharts-uniapp/package.json +42 -0
- package/other/{qiun-data-charts/js_sdk → uCharts-uniapp}/u-charts/config-echarts.js +421 -421
- package/other/{qiun-data-charts → uCharts-uniapp/u-charts}/license.md +201 -201
- package/other/uCharts-uniapp/u-charts/package.json +19 -0
- package/other/{qiun-data-charts/readme.md → uCharts-uniapp/u-charts/readme-npm.md} +57 -63
- package/other/{qiun-data-charts/js_sdk → uCharts-uniapp}/u-charts/readme.md +4 -4
- package/other/{qiun-data-charts/js_sdk → uCharts-uniapp}/u-charts/u-charts.js +7661 -7661
- package/other/{qiun-data-charts/js_sdk → uCharts-uniapp}/u-charts/u-charts.min.js +1 -1
- package/package.json +1 -1
- package/plugins/uni-extend.js +10 -10
- package/ui-cv/components/cv-filter-hm/cv-filter-hm.vue +134 -167
- package/ui-fireui/components/u-action-sheet/u-action-sheet.vue +46 -16
- package/ui-fireui/components/u-alert/u-alert.vue +11 -5
- package/ui-fireui/components/u-badge/u-badge.vue +52 -69
- package/ui-fireui/components/u-bottom-navigation/u-bottom-navigation.vue +28 -20
- package/ui-fireui/components/u-bottom-popup/u-bottom-popup.vue +40 -11
- package/ui-fireui/components/u-bubble-popup/u-bubble-popup.vue +3 -6
- package/ui-fireui/components/u-button/u-button.vue +262 -259
- package/ui-fireui/components/u-calendar/u-calendar.vue +227 -44
- package/ui-fireui/components/u-calendar/u-calendar2.js +562 -0
- package/ui-fireui/components/u-card/u-card.vue +50 -32
- package/ui-fireui/components/u-cascade-selection/u-cascade-selection.vue +197 -74
- package/ui-fireui/components/u-circular-progress/u-circular-progress.vue +324 -0
- package/ui-fireui/components/u-clipboard2/tui-clipboard.js +53 -0
- package/ui-fireui/components/u-collapse/u-collapse.vue +8 -8
- package/ui-fireui/components/u-config/index.js +129 -0
- package/ui-fireui/components/u-count-down/u-count-down.vue +124 -19
- package/ui-fireui/components/u-datetime/u-datetime.vue +416 -176
- package/ui-fireui/components/u-divider/u-divider.vue +3 -3
- package/ui-fireui/components/u-drawer/u-drawer.vue +55 -12
- package/ui-fireui/components/u-dropdown-list/u-dropdown-list.vue +103 -0
- package/ui-fireui/components/u-fab/u-fab.vue +344 -0
- package/ui-fireui/components/u-footer/u-footer.vue +148 -0
- package/ui-fireui/components/u-grid/u-grid.vue +2 -8
- package/ui-fireui/components/u-grid-item/u-grid-item.vue +22 -5
- package/ui-fireui/components/u-icon/u-icon-new.js +190 -0
- package/ui-fireui/components/u-icon/u-icon-new.vue +100 -0
- package/ui-fireui/components/u-image-cropper/u-image-cropper.vue +1144 -0
- package/ui-fireui/components/u-image-group/u-image-group.vue +164 -0
- package/ui-fireui/components/u-keyboard/u-keyboard.vue +3 -2
- package/ui-fireui/components/u-keyboard-input/u-keyboard-input.vue +1 -1
- package/ui-fireui/components/u-list-cell/u-list-cell.vue +82 -72
- package/ui-fireui/components/u-list-view/u-list-view.vue +33 -8
- package/ui-fireui/components/u-loading/u-loading.vue +107 -27
- package/ui-fireui/components/u-loadmore/u-loadmore.vue +21 -3
- package/ui-fireui/components/u-modal/u-modal.vue +140 -176
- package/ui-fireui/components/u-navigation-bar/u-navigation-bar.vue +121 -28
- package/ui-fireui/components/u-no-data/u-no-data.vue +58 -20
- package/ui-fireui/components/u-nomore/u-nomore.vue +5 -4
- package/ui-fireui/components/u-numberbox/u-numberbox.vue +88 -45
- package/ui-fireui/components/u-picture-cropper/u-picture-cropper.vue +94 -36
- package/ui-fireui/components/u-picture-cropper/u-picture-cropper.wxs +27 -17
- package/ui-fireui/components/u-rate/u-rate.vue +197 -0
- package/ui-fireui/components/u-round-progress/u-round-progress.vue +62 -42
- package/ui-fireui/components/u-scroll-top/u-scroll-top.vue +4 -3
- package/ui-fireui/components/u-section/u-section.vue +149 -0
- package/ui-fireui/components/u-skeleton/u-skeleton.vue +37 -6
- package/ui-fireui/components/u-steps/u-steps.vue +110 -27
- package/ui-fireui/components/u-sticky/u-sticky.vue +35 -21
- package/ui-fireui/components/u-sticky-wxs/u-sticky-wxs.vue +7 -4
- package/ui-fireui/components/u-sticky-wxs/u-sticky.wxs +39 -36
- package/ui-fireui/components/u-swipe-action/u-swipe-action.vue +76 -19
- package/ui-fireui/components/u-tabbar/u-tabbar.vue +71 -38
- package/ui-fireui/components/u-tabs/u-tabs.vue +133 -51
- package/ui-fireui/components/u-tag/u-tag.vue +109 -226
- package/ui-fireui/components/u-time-axis/u-time-axis.vue +1 -1
- package/ui-fireui/components/u-timeaxis-item/u-timeaxis-item.vue +1 -1
- package/ui-fireui/components/u-tips/u-tips.vue +35 -15
- package/ui-fireui/components/u-toast/u-toast.vue +9 -5
- package/ui-fireui/components/u-top-dropdown/u-top-dropdown.vue +8 -6
- package/ui-fireui/components/u-upload/u-upload-old.vue +462 -0
- package/ui-fireui/components/u-upload/u-upload.vue +648 -446
- package/ui-fireui/components/u-white-space/u-white-space.vue +68 -0
- package/ui-fireui/components/u-wing-blank/u-wing-blank.vue +100 -0
- package/uview-plus/libs/ctocode/index.js +1 -0
- package/uview-plus/libs/ctocode/richText.js +0 -1
- package/other/qiun-data-charts/changelog.md +0 -320
- package/other/qiun-data-charts/components/qiun-data-charts/qiun-data-charts.vue +0 -1618
- package/other/qiun-data-charts/components/qiun-error/qiun-error.vue +0 -46
- package/other/qiun-data-charts/components/qiun-loading/loading1.vue +0 -162
- package/other/qiun-data-charts/components/qiun-loading/loading2.vue +0 -170
- package/other/qiun-data-charts/components/qiun-loading/loading3.vue +0 -173
- package/other/qiun-data-charts/components/qiun-loading/loading4.vue +0 -222
- package/other/qiun-data-charts/components/qiun-loading/loading5.vue +0 -229
- package/other/qiun-data-charts/components/qiun-loading/qiun-loading.vue +0 -36
- package/other/qiun-data-charts/js_sdk2/app-echarts.min.js +0 -23
- package/other/qiun-data-charts/js_sdk2/h5-echarts.min.js +0 -23
- package/other/qiun-data-charts/package.json +0 -81
- package/other/qiun-data-charts/static/app-plus/echarts.min.js +0 -23
- package/other/qiun-data-charts/static/h5/echarts.min.js +0 -23
- package/other/qiun-data-charts_2.5.0-20230101_example/App.vue +0 -20
- package/other/qiun-data-charts_2.5.0-20230101_example/common/uni-icons.css +0 -542
- package/other/qiun-data-charts_2.5.0-20230101_example/common/uni.css +0 -246
- package/other/qiun-data-charts_2.5.0-20230101_example/components/qiun-title-bar/qiun-title-bar.vue +0 -51
- package/other/qiun-data-charts_2.5.0-20230101_example/components/test-charts/test-charts.vue +0 -48
- package/other/qiun-data-charts_2.5.0-20230101_example/main.js +0 -13
- package/other/qiun-data-charts_2.5.0-20230101_example/manifest.json +0 -75
- package/other/qiun-data-charts_2.5.0-20230101_example/mockdata/demodata.json +0 -448
- package/other/qiun-data-charts_2.5.0-20230101_example/mockdata/mapdata.json +0 -1
- package/other/qiun-data-charts_2.5.0-20230101_example/pages/canvas/canvas.vue +0 -142
- package/other/qiun-data-charts_2.5.0-20230101_example/pages/echarts/echarts.vue +0 -228
- package/other/qiun-data-charts_2.5.0-20230101_example/pages/format-e/format-e.vue +0 -113
- package/other/qiun-data-charts_2.5.0-20230101_example/pages/format-u/format-u.vue +0 -110
- package/other/qiun-data-charts_2.5.0-20230101_example/pages/index/index.vue +0 -58
- package/other/qiun-data-charts_2.5.0-20230101_example/pages/layout/layout.vue +0 -174
- package/other/qiun-data-charts_2.5.0-20230101_example/pages/other/other.vue +0 -233
- package/other/qiun-data-charts_2.5.0-20230101_example/pages/tab/tab.vue +0 -115
- package/other/qiun-data-charts_2.5.0-20230101_example/pages/ucharts/ucharts.vue +0 -339
- package/other/qiun-data-charts_2.5.0-20230101_example/pages/unicloud/unicloud.vue +0 -117
- package/other/qiun-data-charts_2.5.0-20230101_example/pages/updata/updata.vue +0 -212
- package/other/qiun-data-charts_2.5.0-20230101_example/pages.json +0 -79
- package/other/qiun-data-charts_2.5.0-20230101_example/static/logo.png +0 -0
- package/other/qiun-data-charts_2.5.0-20230101_example/uni.scss +0 -76
- package/other/qiun-data-charts_2.5.0-20230101_example/uniCloud-aliyun/database/db_init.json +0 -455
- package/other/qiun-data-charts_2.5.0-20230101_example/uniCloud-aliyun/database/qiun-charts-demo.schema.json +0 -76
- package/other/u-charts/config.js +0 -503
- package/other/u-charts/data.json +0 -1143
- package/other/u-charts/demodata.json +0 -267
- package/other/u-charts/mapdata.json +0 -41
- package/other/u-charts/u-charts.js +0 -5687
- package/other/u-charts/u-charts.min.js +0 -1
- package/other/u-charts/u-charts.vue +0 -466
- /package/other/{qiun-data-charts/js_sdk → uCharts-uniapp}/u-charts/config-ucharts.js +0 -0
|
@@ -1,222 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<view class="container loading5">
|
|
3
|
-
<view class="shape shape1"></view>
|
|
4
|
-
<view class="shape shape2"></view>
|
|
5
|
-
<view class="shape shape3"></view>
|
|
6
|
-
<view class="shape shape4"></view>
|
|
7
|
-
</view>
|
|
8
|
-
</template>
|
|
9
|
-
|
|
10
|
-
<script>
|
|
11
|
-
export default {
|
|
12
|
-
name: 'loading5',
|
|
13
|
-
data() {
|
|
14
|
-
return {
|
|
15
|
-
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
</script>
|
|
20
|
-
|
|
21
|
-
<style scoped="true">
|
|
22
|
-
.container {
|
|
23
|
-
width: 30px;
|
|
24
|
-
height: 30px;
|
|
25
|
-
position: relative;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.container.loading5 .shape {
|
|
29
|
-
width: 15px;
|
|
30
|
-
height: 15px;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.container .shape {
|
|
34
|
-
position: absolute;
|
|
35
|
-
width: 10px;
|
|
36
|
-
height: 10px;
|
|
37
|
-
border-radius: 1px;
|
|
38
|
-
}
|
|
39
|
-
.container .shape.shape1 {
|
|
40
|
-
left: 0;
|
|
41
|
-
background-color: #1890FF;
|
|
42
|
-
}
|
|
43
|
-
.container .shape.shape2 {
|
|
44
|
-
right: 0;
|
|
45
|
-
background-color: #91CB74;
|
|
46
|
-
}
|
|
47
|
-
.container .shape.shape3 {
|
|
48
|
-
bottom: 0;
|
|
49
|
-
background-color: #FAC858;
|
|
50
|
-
}
|
|
51
|
-
.container .shape.shape4 {
|
|
52
|
-
bottom: 0;
|
|
53
|
-
right: 0;
|
|
54
|
-
background-color: #EE6666;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.loading5 .shape1 {
|
|
58
|
-
animation: animation5shape1 2s ease 0s infinite reverse;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
@-webkit-keyframes animation5shape1 {
|
|
62
|
-
0% {
|
|
63
|
-
-webkit-transform: translate(0, 0);
|
|
64
|
-
transform: translate(0, 0);
|
|
65
|
-
}
|
|
66
|
-
25% {
|
|
67
|
-
-webkit-transform: translate(0, 15px);
|
|
68
|
-
transform: translate(0, 15px);
|
|
69
|
-
}
|
|
70
|
-
50% {
|
|
71
|
-
-webkit-transform: translate(15px, 15px);
|
|
72
|
-
transform: translate(15px, 15px);
|
|
73
|
-
}
|
|
74
|
-
75% {
|
|
75
|
-
-webkit-transform: translate(15px, 0);
|
|
76
|
-
transform: translate(15px, 0);
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
@keyframes animation5shape1 {
|
|
81
|
-
0% {
|
|
82
|
-
-webkit-transform: translate(0, 0);
|
|
83
|
-
transform: translate(0, 0);
|
|
84
|
-
}
|
|
85
|
-
25% {
|
|
86
|
-
-webkit-transform: translate(0, 15px);
|
|
87
|
-
transform: translate(0, 15px);
|
|
88
|
-
}
|
|
89
|
-
50% {
|
|
90
|
-
-webkit-transform: translate(15px, 15px);
|
|
91
|
-
transform: translate(15px, 15px);
|
|
92
|
-
}
|
|
93
|
-
75% {
|
|
94
|
-
-webkit-transform: translate(15px, 0);
|
|
95
|
-
transform: translate(15px, 0);
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
.loading5 .shape2 {
|
|
99
|
-
animation: animation5shape2 2s ease 0s infinite reverse;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
@-webkit-keyframes animation5shape2 {
|
|
103
|
-
0% {
|
|
104
|
-
-webkit-transform: translate(0, 0);
|
|
105
|
-
transform: translate(0, 0);
|
|
106
|
-
}
|
|
107
|
-
25% {
|
|
108
|
-
-webkit-transform: translate(-15px, 0);
|
|
109
|
-
transform: translate(-15px, 0);
|
|
110
|
-
}
|
|
111
|
-
50% {
|
|
112
|
-
-webkit-transform: translate(-15px, 15px);
|
|
113
|
-
transform: translate(-15px, 15px);
|
|
114
|
-
}
|
|
115
|
-
75% {
|
|
116
|
-
-webkit-transform: translate(0, 15px);
|
|
117
|
-
transform: translate(0, 15px);
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
@keyframes animation5shape2 {
|
|
122
|
-
0% {
|
|
123
|
-
-webkit-transform: translate(0, 0);
|
|
124
|
-
transform: translate(0, 0);
|
|
125
|
-
}
|
|
126
|
-
25% {
|
|
127
|
-
-webkit-transform: translate(-15px, 0);
|
|
128
|
-
transform: translate(-15px, 0);
|
|
129
|
-
}
|
|
130
|
-
50% {
|
|
131
|
-
-webkit-transform: translate(-15px, 15px);
|
|
132
|
-
transform: translate(-15px, 15px);
|
|
133
|
-
}
|
|
134
|
-
75% {
|
|
135
|
-
-webkit-transform: translate(0, 15px);
|
|
136
|
-
transform: translate(0, 15px);
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
.loading5 .shape3 {
|
|
140
|
-
animation: animation5shape3 2s ease 0s infinite reverse;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
@-webkit-keyframes animation5shape3 {
|
|
144
|
-
0% {
|
|
145
|
-
-webkit-transform: translate(0, 0);
|
|
146
|
-
transform: translate(0, 0);
|
|
147
|
-
}
|
|
148
|
-
25% {
|
|
149
|
-
-webkit-transform: translate(15px, 0);
|
|
150
|
-
transform: translate(15px, 0);
|
|
151
|
-
}
|
|
152
|
-
50% {
|
|
153
|
-
-webkit-transform: translate(15px, -15px);
|
|
154
|
-
transform: translate(15px, -15px);
|
|
155
|
-
}
|
|
156
|
-
75% {
|
|
157
|
-
-webkit-transform: translate(0, -15px);
|
|
158
|
-
transform: translate(0, -15px);
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
@keyframes animation5shape3 {
|
|
163
|
-
0% {
|
|
164
|
-
-webkit-transform: translate(0, 0);
|
|
165
|
-
transform: translate(0, 0);
|
|
166
|
-
}
|
|
167
|
-
25% {
|
|
168
|
-
-webkit-transform: translate(15px, 0);
|
|
169
|
-
transform: translate(15px, 0);
|
|
170
|
-
}
|
|
171
|
-
50% {
|
|
172
|
-
-webkit-transform: translate(15px, -15px);
|
|
173
|
-
transform: translate(15px, -15px);
|
|
174
|
-
}
|
|
175
|
-
75% {
|
|
176
|
-
-webkit-transform: translate(0, -15px);
|
|
177
|
-
transform: translate(0, -15px);
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
.loading5 .shape4 {
|
|
181
|
-
animation: animation5shape4 2s ease 0s infinite reverse;
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
@-webkit-keyframes animation5shape4 {
|
|
185
|
-
0% {
|
|
186
|
-
-webkit-transform: translate(0, 0);
|
|
187
|
-
transform: translate(0, 0);
|
|
188
|
-
}
|
|
189
|
-
25% {
|
|
190
|
-
-webkit-transform: translate(0, -15px);
|
|
191
|
-
transform: translate(0, -15px);
|
|
192
|
-
}
|
|
193
|
-
50% {
|
|
194
|
-
-webkit-transform: translate(-15px, -15px);
|
|
195
|
-
transform: translate(-15px, -15px);
|
|
196
|
-
}
|
|
197
|
-
75% {
|
|
198
|
-
-webkit-transform: translate(-15px, 0);
|
|
199
|
-
transform: translate(-15px, 0);
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
@keyframes animation5shape4 {
|
|
204
|
-
0% {
|
|
205
|
-
-webkit-transform: translate(0, 0);
|
|
206
|
-
transform: translate(0, 0);
|
|
207
|
-
}
|
|
208
|
-
25% {
|
|
209
|
-
-webkit-transform: translate(0, -15px);
|
|
210
|
-
transform: translate(0, -15px);
|
|
211
|
-
}
|
|
212
|
-
50% {
|
|
213
|
-
-webkit-transform: translate(-15px, -15px);
|
|
214
|
-
transform: translate(-15px, -15px);
|
|
215
|
-
}
|
|
216
|
-
75% {
|
|
217
|
-
-webkit-transform: translate(-15px, 0);
|
|
218
|
-
transform: translate(-15px, 0);
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
</style>
|
|
@@ -1,229 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<view class="container loading6">
|
|
3
|
-
<view class="shape shape1"></view>
|
|
4
|
-
<view class="shape shape2"></view>
|
|
5
|
-
<view class="shape shape3"></view>
|
|
6
|
-
<view class="shape shape4"></view>
|
|
7
|
-
</view>
|
|
8
|
-
</template>
|
|
9
|
-
|
|
10
|
-
<script>
|
|
11
|
-
export default {
|
|
12
|
-
name: 'loading6',
|
|
13
|
-
data() {
|
|
14
|
-
return {
|
|
15
|
-
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
</script>
|
|
20
|
-
<style scoped="true">
|
|
21
|
-
.container {
|
|
22
|
-
width: 30px;
|
|
23
|
-
height: 30px;
|
|
24
|
-
position: relative;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.container.loading6 {
|
|
28
|
-
-webkit-animation: rotation 1s infinite;
|
|
29
|
-
animation: rotation 1s infinite;
|
|
30
|
-
}
|
|
31
|
-
.container.loading6 .shape {
|
|
32
|
-
width: 12px;
|
|
33
|
-
height: 12px;
|
|
34
|
-
border-radius: 2px;
|
|
35
|
-
}
|
|
36
|
-
.container .shape {
|
|
37
|
-
position: absolute;
|
|
38
|
-
width: 10px;
|
|
39
|
-
height: 10px;
|
|
40
|
-
border-radius: 1px;
|
|
41
|
-
}
|
|
42
|
-
.container .shape.shape1 {
|
|
43
|
-
left: 0;
|
|
44
|
-
background-color: #1890FF;
|
|
45
|
-
}
|
|
46
|
-
.container .shape.shape2 {
|
|
47
|
-
right: 0;
|
|
48
|
-
background-color: #91CB74;
|
|
49
|
-
}
|
|
50
|
-
.container .shape.shape3 {
|
|
51
|
-
bottom: 0;
|
|
52
|
-
background-color: #FAC858;
|
|
53
|
-
}
|
|
54
|
-
.container .shape.shape4 {
|
|
55
|
-
bottom: 0;
|
|
56
|
-
right: 0;
|
|
57
|
-
background-color: #EE6666;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
.loading6 .shape1 {
|
|
62
|
-
-webkit-animation: animation6shape1 2s linear 0s infinite normal;
|
|
63
|
-
animation: animation6shape1 2s linear 0s infinite normal;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
@-webkit-keyframes animation6shape1 {
|
|
67
|
-
0% {
|
|
68
|
-
-webkit-transform: translate(0, 0);
|
|
69
|
-
transform: translate(0, 0);
|
|
70
|
-
}
|
|
71
|
-
25% {
|
|
72
|
-
-webkit-transform: translate(0, 18px);
|
|
73
|
-
transform: translate(0, 18px);
|
|
74
|
-
}
|
|
75
|
-
50% {
|
|
76
|
-
-webkit-transform: translate(18px, 18px);
|
|
77
|
-
transform: translate(18px, 18px);
|
|
78
|
-
}
|
|
79
|
-
75% {
|
|
80
|
-
-webkit-transform: translate(18px, 0);
|
|
81
|
-
transform: translate(18px, 0);
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
@keyframes animation6shape1 {
|
|
86
|
-
0% {
|
|
87
|
-
-webkit-transform: translate(0, 0);
|
|
88
|
-
transform: translate(0, 0);
|
|
89
|
-
}
|
|
90
|
-
25% {
|
|
91
|
-
-webkit-transform: translate(0, 18px);
|
|
92
|
-
transform: translate(0, 18px);
|
|
93
|
-
}
|
|
94
|
-
50% {
|
|
95
|
-
-webkit-transform: translate(18px, 18px);
|
|
96
|
-
transform: translate(18px, 18px);
|
|
97
|
-
}
|
|
98
|
-
75% {
|
|
99
|
-
-webkit-transform: translate(18px, 0);
|
|
100
|
-
transform: translate(18px, 0);
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
.loading6 .shape2 {
|
|
104
|
-
-webkit-animation: animation6shape2 2s linear 0s infinite normal;
|
|
105
|
-
animation: animation6shape2 2s linear 0s infinite normal;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
@-webkit-keyframes animation6shape2 {
|
|
109
|
-
0% {
|
|
110
|
-
-webkit-transform: translate(0, 0);
|
|
111
|
-
transform: translate(0, 0);
|
|
112
|
-
}
|
|
113
|
-
25% {
|
|
114
|
-
-webkit-transform: translate(-18px, 0);
|
|
115
|
-
transform: translate(-18px, 0);
|
|
116
|
-
}
|
|
117
|
-
50% {
|
|
118
|
-
-webkit-transform: translate(-18px, 18px);
|
|
119
|
-
transform: translate(-18px, 18px);
|
|
120
|
-
}
|
|
121
|
-
75% {
|
|
122
|
-
-webkit-transform: translate(0, 18px);
|
|
123
|
-
transform: translate(0, 18px);
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
@keyframes animation6shape2 {
|
|
128
|
-
0% {
|
|
129
|
-
-webkit-transform: translate(0, 0);
|
|
130
|
-
transform: translate(0, 0);
|
|
131
|
-
}
|
|
132
|
-
25% {
|
|
133
|
-
-webkit-transform: translate(-18px, 0);
|
|
134
|
-
transform: translate(-18px, 0);
|
|
135
|
-
}
|
|
136
|
-
50% {
|
|
137
|
-
-webkit-transform: translate(-18px, 18px);
|
|
138
|
-
transform: translate(-18px, 18px);
|
|
139
|
-
}
|
|
140
|
-
75% {
|
|
141
|
-
-webkit-transform: translate(0, 18px);
|
|
142
|
-
transform: translate(0, 18px);
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
.loading6 .shape3 {
|
|
146
|
-
-webkit-animation: animation6shape3 2s linear 0s infinite normal;
|
|
147
|
-
animation: animation6shape3 2s linear 0s infinite normal;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
@-webkit-keyframes animation6shape3 {
|
|
151
|
-
0% {
|
|
152
|
-
-webkit-transform: translate(0, 0);
|
|
153
|
-
transform: translate(0, 0);
|
|
154
|
-
}
|
|
155
|
-
25% {
|
|
156
|
-
-webkit-transform: translate(18px, 0);
|
|
157
|
-
transform: translate(18px, 0);
|
|
158
|
-
}
|
|
159
|
-
50% {
|
|
160
|
-
-webkit-transform: translate(18px, -18px);
|
|
161
|
-
transform: translate(18px, -18px);
|
|
162
|
-
}
|
|
163
|
-
75% {
|
|
164
|
-
-webkit-transform: translate(0, -18px);
|
|
165
|
-
transform: translate(0, -18px);
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
@keyframes animation6shape3 {
|
|
170
|
-
0% {
|
|
171
|
-
-webkit-transform: translate(0, 0);
|
|
172
|
-
transform: translate(0, 0);
|
|
173
|
-
}
|
|
174
|
-
25% {
|
|
175
|
-
-webkit-transform: translate(18px, 0);
|
|
176
|
-
transform: translate(18px, 0);
|
|
177
|
-
}
|
|
178
|
-
50% {
|
|
179
|
-
-webkit-transform: translate(18px, -18px);
|
|
180
|
-
transform: translate(18px, -18px);
|
|
181
|
-
}
|
|
182
|
-
75% {
|
|
183
|
-
-webkit-transform: translate(0, -18px);
|
|
184
|
-
transform: translate(0, -18px);
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
.loading6 .shape4 {
|
|
188
|
-
-webkit-animation: animation6shape4 2s linear 0s infinite normal;
|
|
189
|
-
animation: animation6shape4 2s linear 0s infinite normal;
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
@-webkit-keyframes animation6shape4 {
|
|
193
|
-
0% {
|
|
194
|
-
-webkit-transform: translate(0, 0);
|
|
195
|
-
transform: translate(0, 0);
|
|
196
|
-
}
|
|
197
|
-
25% {
|
|
198
|
-
-webkit-transform: translate(0, -18px);
|
|
199
|
-
transform: translate(0, -18px);
|
|
200
|
-
}
|
|
201
|
-
50% {
|
|
202
|
-
-webkit-transform: translate(-18px, -18px);
|
|
203
|
-
transform: translate(-18px, -18px);
|
|
204
|
-
}
|
|
205
|
-
75% {
|
|
206
|
-
-webkit-transform: translate(-18px, 0);
|
|
207
|
-
transform: translate(-18px, 0);
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
@keyframes animation6shape4 {
|
|
212
|
-
0% {
|
|
213
|
-
-webkit-transform: translate(0, 0);
|
|
214
|
-
transform: translate(0, 0);
|
|
215
|
-
}
|
|
216
|
-
25% {
|
|
217
|
-
-webkit-transform: translate(0, -18px);
|
|
218
|
-
transform: translate(0, -18px);
|
|
219
|
-
}
|
|
220
|
-
50% {
|
|
221
|
-
-webkit-transform: translate(-18px, -18px);
|
|
222
|
-
transform: translate(-18px, -18px);
|
|
223
|
-
}
|
|
224
|
-
75% {
|
|
225
|
-
-webkit-transform: translate(-18px, 0);
|
|
226
|
-
transform: translate(-18px, 0);
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
</style>
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<view>
|
|
3
|
-
<Loading1 v-if="loadingType==1"/>
|
|
4
|
-
<Loading2 v-if="loadingType==2"/>
|
|
5
|
-
<Loading3 v-if="loadingType==3"/>
|
|
6
|
-
<Loading4 v-if="loadingType==4"/>
|
|
7
|
-
<Loading5 v-if="loadingType==5"/>
|
|
8
|
-
</view>
|
|
9
|
-
</template>
|
|
10
|
-
|
|
11
|
-
<script>
|
|
12
|
-
import Loading1 from "./loading1.vue";
|
|
13
|
-
import Loading2 from "./loading2.vue";
|
|
14
|
-
import Loading3 from "./loading3.vue";
|
|
15
|
-
import Loading4 from "./loading4.vue";
|
|
16
|
-
import Loading5 from "./loading5.vue";
|
|
17
|
-
export default {
|
|
18
|
-
components:{Loading1,Loading2,Loading3,Loading4,Loading5},
|
|
19
|
-
name: 'qiun-loading',
|
|
20
|
-
props: {
|
|
21
|
-
loadingType: {
|
|
22
|
-
type: Number,
|
|
23
|
-
default: 2
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
data() {
|
|
27
|
-
return {
|
|
28
|
-
|
|
29
|
-
};
|
|
30
|
-
},
|
|
31
|
-
}
|
|
32
|
-
</script>
|
|
33
|
-
|
|
34
|
-
<style>
|
|
35
|
-
|
|
36
|
-
</style>
|