@10yun/cv-mobile-ui 0.5.63 → 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/ui-cv/components/cv-filter-hm/cv-filter-hm.vue +134 -167
- 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>
|