vdesign-ui 0.2.0-beta → 0.2.1
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/dist/components/checkbox/index.vue +1 -1
- package/dist/components/empty/style.less +4 -0
- package/dist/components/footnav/index.vue +18 -8
- package/dist/components/headnav/index.vue +15 -14
- package/dist/components/headnav/style.less +0 -9
- package/dist/components/icon/font/iconfont.js +5 -1
- package/dist/components/input/calcTextareaHeight.js +36 -140
- package/dist/components/loading/index.vue +7 -2
- package/dist/components/loading/style.less +8 -0
- package/dist/components/mixins/outlineConfigPlugin.js +11 -6
- package/dist/components/noticebar/index.vue +9 -4
- package/dist/vdesign-ui.common.js +309 -391
- package/dist/vdesign-ui.css +1 -1
- package/dist/vdesign-ui.umd.js +309 -391
- package/dist/vdesign-ui.umd.min.js +3 -3
- package/package.json +1 -1
- package/dist/components/loading/img_status_loading_white_ani.svg +0 -155
- package/dist/components/loading/img_status_refresh_ani.svg +0 -158
- package/dist/img/img_status_loading_white_ani.b56fcfae.svg +0 -155
- package/dist/img/img_status_refresh_ani.d0e59f12.svg +0 -158
package/package.json
CHANGED
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
<svg
|
|
2
|
-
fill="none"
|
|
3
|
-
width='100%'
|
|
4
|
-
height='100%'
|
|
5
|
-
viewBox="0 0 32 32"
|
|
6
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
-
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
8
|
-
>
|
|
9
|
-
<defs>
|
|
10
|
-
<style type="text/css">
|
|
11
|
-
<![CDATA[
|
|
12
|
-
@keyframes loading-animate1 {
|
|
13
|
-
0% {
|
|
14
|
-
fill-opacity: 0.16;
|
|
15
|
-
}
|
|
16
|
-
20% {
|
|
17
|
-
fill-opacity: 1;
|
|
18
|
-
}
|
|
19
|
-
26% {
|
|
20
|
-
fill-opacity: 0.32;
|
|
21
|
-
}
|
|
22
|
-
32% {
|
|
23
|
-
fill-opacity: 0.16;
|
|
24
|
-
}
|
|
25
|
-
100% {
|
|
26
|
-
fill-opacity: 0.16;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
@keyframes loading-animate2 {
|
|
31
|
-
0% {
|
|
32
|
-
fill-opacity: 0.16;
|
|
33
|
-
}
|
|
34
|
-
12% {
|
|
35
|
-
fill-opacity: 0.16;
|
|
36
|
-
}
|
|
37
|
-
22% {
|
|
38
|
-
fill-opacity: 1;
|
|
39
|
-
}
|
|
40
|
-
31% {
|
|
41
|
-
fill-opacity: 0.32;
|
|
42
|
-
}
|
|
43
|
-
37% {
|
|
44
|
-
fill-opacity: 0.16;
|
|
45
|
-
}
|
|
46
|
-
100% {
|
|
47
|
-
fill-opacity: 0.16;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
@keyframes loading-animate3 {
|
|
52
|
-
0% {
|
|
53
|
-
fill-opacity: 0.16;
|
|
54
|
-
}
|
|
55
|
-
20% {
|
|
56
|
-
fill-opacity: 0.16;
|
|
57
|
-
}
|
|
58
|
-
30% {
|
|
59
|
-
fill-opacity: 1;
|
|
60
|
-
}
|
|
61
|
-
36% {
|
|
62
|
-
fill-opacity: 0.32;
|
|
63
|
-
}
|
|
64
|
-
42% {
|
|
65
|
-
fill-opacity: 0.16;
|
|
66
|
-
}
|
|
67
|
-
100% {
|
|
68
|
-
fill-opacity: 0.16;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
@keyframes loading-animate4 {
|
|
73
|
-
0% {
|
|
74
|
-
fill-opacity: 0.16;
|
|
75
|
-
}
|
|
76
|
-
25% {
|
|
77
|
-
fill-opacity: 0.16;
|
|
78
|
-
}
|
|
79
|
-
35% {
|
|
80
|
-
fill-opacity: 1;
|
|
81
|
-
}
|
|
82
|
-
41% {
|
|
83
|
-
fill-opacity: 0.32;
|
|
84
|
-
}
|
|
85
|
-
47% {
|
|
86
|
-
fill-opacity: 0.16;
|
|
87
|
-
}
|
|
88
|
-
100% {
|
|
89
|
-
fill-opacity: 0.16;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.loading-part-1,
|
|
94
|
-
.loading-part-2,
|
|
95
|
-
.loading-part-3,
|
|
96
|
-
.loading-part-4 {
|
|
97
|
-
animation-duration: 1s;
|
|
98
|
-
animation-delay: 0s;
|
|
99
|
-
animation-timing-function: cubic-bezier(0.5, 0, 1, 1);
|
|
100
|
-
animation-iteration-count: infinite;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
.loading-part-1 {
|
|
104
|
-
animation-name: loading-animate1;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.loading-part-2 {
|
|
108
|
-
animation-name: loading-animate2;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
.loading-part-3 {
|
|
112
|
-
animation-name: loading-animate3;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.loading-part-4 {
|
|
116
|
-
animation-name: loading-animate4;
|
|
117
|
-
}
|
|
118
|
-
]]>
|
|
119
|
-
</style>
|
|
120
|
-
</defs>
|
|
121
|
-
<g>
|
|
122
|
-
<path
|
|
123
|
-
class="loading-part-1"
|
|
124
|
-
fill-rule="evenodd"
|
|
125
|
-
clip-rule="evenodd"
|
|
126
|
-
d="M6 32.0001L9.72003 28.209C9.95076 27.9739 10.0803 27.655 10.0803 27.3225V16.2236L6.36035 20.0147C6.12963 20.2498 6 20.5687 6 20.9012V32.0001Z"
|
|
127
|
-
fill-opacity="0.16"
|
|
128
|
-
fill="#FFFFFF"
|
|
129
|
-
/>
|
|
130
|
-
<path
|
|
131
|
-
class="loading-part-2"
|
|
132
|
-
fill-rule="evenodd"
|
|
133
|
-
clip-rule="evenodd"
|
|
134
|
-
d="M11.3068 26.559L15.0269 22.768C15.2576 22.5329 15.3872 22.214 15.3872 21.8815V2.71126L11.6672 6.50233C11.4364 6.73746 11.3068 7.05636 11.3068 7.38889V26.559Z"
|
|
135
|
-
fill-opacity="0.16"
|
|
136
|
-
fill="#FFFFFF"
|
|
137
|
-
/>
|
|
138
|
-
<path
|
|
139
|
-
class="loading-part-3"
|
|
140
|
-
fill-rule="evenodd"
|
|
141
|
-
clip-rule="evenodd"
|
|
142
|
-
d="M16.6255 29.2742L20.3455 25.4832C20.5762 25.248 20.7059 24.9292 20.7059 24.5966V5.42644L16.9858 9.21751C16.7552 9.4526 16.6255 9.77154 16.6255 10.104V29.2742Z"
|
|
143
|
-
fill="#FFFFFF"
|
|
144
|
-
fill-opacity="0.16"
|
|
145
|
-
/>
|
|
146
|
-
<path
|
|
147
|
-
class="loading-part-4"
|
|
148
|
-
fill-rule="evenodd"
|
|
149
|
-
clip-rule="evenodd"
|
|
150
|
-
d="M21.9196 15.7765L25.6396 11.9854C25.8703 11.7503 26 11.4314 26 11.0989V0L22.2799 3.79107C22.0492 4.02617 21.9196 4.3451 21.9196 4.67759V15.7765Z"
|
|
151
|
-
fill="#FFFFFF"
|
|
152
|
-
fill-opacity="0.16"
|
|
153
|
-
/>
|
|
154
|
-
</g>
|
|
155
|
-
</svg>
|
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
<svg
|
|
2
|
-
fill="none"
|
|
3
|
-
width='100%'
|
|
4
|
-
height='100%'
|
|
5
|
-
viewBox="0 0 32 32"
|
|
6
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
-
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
8
|
-
>
|
|
9
|
-
<defs>
|
|
10
|
-
<style type="text/css">
|
|
11
|
-
<![CDATA[
|
|
12
|
-
@keyframes refresh-animate1 {
|
|
13
|
-
0% {
|
|
14
|
-
fill-opacity: 1;
|
|
15
|
-
}
|
|
16
|
-
16.67% {
|
|
17
|
-
fill-opacity: 0.16;
|
|
18
|
-
}
|
|
19
|
-
50% {
|
|
20
|
-
fill-opacity: 0.16;
|
|
21
|
-
}
|
|
22
|
-
83.33% {
|
|
23
|
-
fill-opacity: 0.16;
|
|
24
|
-
}
|
|
25
|
-
100% {
|
|
26
|
-
fill-opacity: 1;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
@keyframes refresh-animate2 {
|
|
31
|
-
0% {
|
|
32
|
-
fill-opacity: 0.16;
|
|
33
|
-
}
|
|
34
|
-
16.67% {
|
|
35
|
-
fill-opacity: 1;
|
|
36
|
-
}
|
|
37
|
-
33.33% {
|
|
38
|
-
fill-opacity: 0.16;
|
|
39
|
-
}
|
|
40
|
-
50% {
|
|
41
|
-
fill-opacity: 0.16;
|
|
42
|
-
}
|
|
43
|
-
66.67% {
|
|
44
|
-
fill-opacity: 0.16;
|
|
45
|
-
}
|
|
46
|
-
83.33% {
|
|
47
|
-
fill-opacity: 1;
|
|
48
|
-
}
|
|
49
|
-
100% {
|
|
50
|
-
fill-opacity: 0.16;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
@keyframes refresh-animate3 {
|
|
55
|
-
0% {
|
|
56
|
-
fill-opacity: 0.16;
|
|
57
|
-
}
|
|
58
|
-
16.67% {
|
|
59
|
-
fill-opacity: 0.16;
|
|
60
|
-
}
|
|
61
|
-
33.33% {
|
|
62
|
-
fill-opacity: 1;
|
|
63
|
-
}
|
|
64
|
-
50% {
|
|
65
|
-
fill-opacity: 0.16;
|
|
66
|
-
}
|
|
67
|
-
66.67% {
|
|
68
|
-
fill-opacity: 1;
|
|
69
|
-
}
|
|
70
|
-
83.33% {
|
|
71
|
-
fill-opacity: 0.16;
|
|
72
|
-
}
|
|
73
|
-
100% {
|
|
74
|
-
fill-opacity: 0.16;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
@keyframes refresh-animate4 {
|
|
79
|
-
0% {
|
|
80
|
-
fill-opacity: 0.16;
|
|
81
|
-
}
|
|
82
|
-
33.33% {
|
|
83
|
-
fill-opacity: 0.16;
|
|
84
|
-
}
|
|
85
|
-
50% {
|
|
86
|
-
fill-opacity: 1;
|
|
87
|
-
}
|
|
88
|
-
66.67% {
|
|
89
|
-
fill-opacity: 0.16;
|
|
90
|
-
}
|
|
91
|
-
100% {
|
|
92
|
-
fill-opacity: 0.16;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.loading-part-1,
|
|
97
|
-
.loading-part-2,
|
|
98
|
-
.loading-part-3,
|
|
99
|
-
.loading-part-4 {
|
|
100
|
-
animation-duration: 1000ms;
|
|
101
|
-
animation-delay: 0s;
|
|
102
|
-
animation-timing-function: ease-out;
|
|
103
|
-
animation-iteration-count: infinite;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.loading-part-1 {
|
|
107
|
-
animation-name: refresh-animate1;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.loading-part-2 {
|
|
111
|
-
animation-name: refresh-animate2;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.loading-part-3 {
|
|
115
|
-
animation-name: refresh-animate3;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.loading-part-4 {
|
|
119
|
-
animation-name: refresh-animate4;
|
|
120
|
-
}
|
|
121
|
-
]]>
|
|
122
|
-
</style>
|
|
123
|
-
</defs>
|
|
124
|
-
<g>
|
|
125
|
-
<path
|
|
126
|
-
class="loading-part-1"
|
|
127
|
-
fill-rule="evenodd"
|
|
128
|
-
clip-rule="evenodd"
|
|
129
|
-
d="M6 32.0001L9.72003 28.209C9.95076 27.9739 10.0803 27.655 10.0803 27.3225V16.2236L6.36035 20.0147C6.12963 20.2498 6 20.5687 6 20.9012V32.0001Z"
|
|
130
|
-
fill-opacity="0.16"
|
|
131
|
-
fill="#1BC47D"
|
|
132
|
-
/>
|
|
133
|
-
<path
|
|
134
|
-
class="loading-part-2"
|
|
135
|
-
fill-rule="evenodd"
|
|
136
|
-
clip-rule="evenodd"
|
|
137
|
-
d="M11.3068 26.559L15.0269 22.768C15.2576 22.5329 15.3872 22.214 15.3872 21.8815V2.71126L11.6672 6.50233C11.4364 6.73746 11.3068 7.05636 11.3068 7.38889V26.559Z"
|
|
138
|
-
fill-opacity="0.16"
|
|
139
|
-
fill="#1BC47D"
|
|
140
|
-
/>
|
|
141
|
-
<path
|
|
142
|
-
class="loading-part-3"
|
|
143
|
-
fill-rule="evenodd"
|
|
144
|
-
clip-rule="evenodd"
|
|
145
|
-
d="M16.6255 29.2742L20.3455 25.4832C20.5762 25.248 20.7059 24.9292 20.7059 24.5966V5.42644L16.9858 9.21751C16.7552 9.4526 16.6255 9.77154 16.6255 10.104V29.2742Z"
|
|
146
|
-
fill="#1BC47D"
|
|
147
|
-
fill-opacity="0.16"
|
|
148
|
-
/>
|
|
149
|
-
<path
|
|
150
|
-
class="loading-part-4"
|
|
151
|
-
fill-rule="evenodd"
|
|
152
|
-
clip-rule="evenodd"
|
|
153
|
-
d="M21.9196 15.7765L25.6396 11.9854C25.8703 11.7503 26 11.4314 26 11.0989V0L22.2799 3.79107C22.0492 4.02617 21.9196 4.3451 21.9196 4.67759V15.7765Z"
|
|
154
|
-
fill="#1BC47D"
|
|
155
|
-
fill-opacity="0.16"
|
|
156
|
-
/>
|
|
157
|
-
</g>
|
|
158
|
-
</svg>
|
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
<svg
|
|
2
|
-
fill="none"
|
|
3
|
-
width='100%'
|
|
4
|
-
height='100%'
|
|
5
|
-
viewBox="0 0 32 32"
|
|
6
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
-
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
8
|
-
>
|
|
9
|
-
<defs>
|
|
10
|
-
<style type="text/css">
|
|
11
|
-
<![CDATA[
|
|
12
|
-
@keyframes loading-animate1 {
|
|
13
|
-
0% {
|
|
14
|
-
fill-opacity: 0.16;
|
|
15
|
-
}
|
|
16
|
-
20% {
|
|
17
|
-
fill-opacity: 1;
|
|
18
|
-
}
|
|
19
|
-
26% {
|
|
20
|
-
fill-opacity: 0.32;
|
|
21
|
-
}
|
|
22
|
-
32% {
|
|
23
|
-
fill-opacity: 0.16;
|
|
24
|
-
}
|
|
25
|
-
100% {
|
|
26
|
-
fill-opacity: 0.16;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
@keyframes loading-animate2 {
|
|
31
|
-
0% {
|
|
32
|
-
fill-opacity: 0.16;
|
|
33
|
-
}
|
|
34
|
-
12% {
|
|
35
|
-
fill-opacity: 0.16;
|
|
36
|
-
}
|
|
37
|
-
22% {
|
|
38
|
-
fill-opacity: 1;
|
|
39
|
-
}
|
|
40
|
-
31% {
|
|
41
|
-
fill-opacity: 0.32;
|
|
42
|
-
}
|
|
43
|
-
37% {
|
|
44
|
-
fill-opacity: 0.16;
|
|
45
|
-
}
|
|
46
|
-
100% {
|
|
47
|
-
fill-opacity: 0.16;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
@keyframes loading-animate3 {
|
|
52
|
-
0% {
|
|
53
|
-
fill-opacity: 0.16;
|
|
54
|
-
}
|
|
55
|
-
20% {
|
|
56
|
-
fill-opacity: 0.16;
|
|
57
|
-
}
|
|
58
|
-
30% {
|
|
59
|
-
fill-opacity: 1;
|
|
60
|
-
}
|
|
61
|
-
36% {
|
|
62
|
-
fill-opacity: 0.32;
|
|
63
|
-
}
|
|
64
|
-
42% {
|
|
65
|
-
fill-opacity: 0.16;
|
|
66
|
-
}
|
|
67
|
-
100% {
|
|
68
|
-
fill-opacity: 0.16;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
@keyframes loading-animate4 {
|
|
73
|
-
0% {
|
|
74
|
-
fill-opacity: 0.16;
|
|
75
|
-
}
|
|
76
|
-
25% {
|
|
77
|
-
fill-opacity: 0.16;
|
|
78
|
-
}
|
|
79
|
-
35% {
|
|
80
|
-
fill-opacity: 1;
|
|
81
|
-
}
|
|
82
|
-
41% {
|
|
83
|
-
fill-opacity: 0.32;
|
|
84
|
-
}
|
|
85
|
-
47% {
|
|
86
|
-
fill-opacity: 0.16;
|
|
87
|
-
}
|
|
88
|
-
100% {
|
|
89
|
-
fill-opacity: 0.16;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.loading-part-1,
|
|
94
|
-
.loading-part-2,
|
|
95
|
-
.loading-part-3,
|
|
96
|
-
.loading-part-4 {
|
|
97
|
-
animation-duration: 1s;
|
|
98
|
-
animation-delay: 0s;
|
|
99
|
-
animation-timing-function: cubic-bezier(0.5, 0, 1, 1);
|
|
100
|
-
animation-iteration-count: infinite;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
.loading-part-1 {
|
|
104
|
-
animation-name: loading-animate1;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.loading-part-2 {
|
|
108
|
-
animation-name: loading-animate2;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
.loading-part-3 {
|
|
112
|
-
animation-name: loading-animate3;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.loading-part-4 {
|
|
116
|
-
animation-name: loading-animate4;
|
|
117
|
-
}
|
|
118
|
-
]]>
|
|
119
|
-
</style>
|
|
120
|
-
</defs>
|
|
121
|
-
<g>
|
|
122
|
-
<path
|
|
123
|
-
class="loading-part-1"
|
|
124
|
-
fill-rule="evenodd"
|
|
125
|
-
clip-rule="evenodd"
|
|
126
|
-
d="M6 32.0001L9.72003 28.209C9.95076 27.9739 10.0803 27.655 10.0803 27.3225V16.2236L6.36035 20.0147C6.12963 20.2498 6 20.5687 6 20.9012V32.0001Z"
|
|
127
|
-
fill-opacity="0.16"
|
|
128
|
-
fill="#FFFFFF"
|
|
129
|
-
/>
|
|
130
|
-
<path
|
|
131
|
-
class="loading-part-2"
|
|
132
|
-
fill-rule="evenodd"
|
|
133
|
-
clip-rule="evenodd"
|
|
134
|
-
d="M11.3068 26.559L15.0269 22.768C15.2576 22.5329 15.3872 22.214 15.3872 21.8815V2.71126L11.6672 6.50233C11.4364 6.73746 11.3068 7.05636 11.3068 7.38889V26.559Z"
|
|
135
|
-
fill-opacity="0.16"
|
|
136
|
-
fill="#FFFFFF"
|
|
137
|
-
/>
|
|
138
|
-
<path
|
|
139
|
-
class="loading-part-3"
|
|
140
|
-
fill-rule="evenodd"
|
|
141
|
-
clip-rule="evenodd"
|
|
142
|
-
d="M16.6255 29.2742L20.3455 25.4832C20.5762 25.248 20.7059 24.9292 20.7059 24.5966V5.42644L16.9858 9.21751C16.7552 9.4526 16.6255 9.77154 16.6255 10.104V29.2742Z"
|
|
143
|
-
fill="#FFFFFF"
|
|
144
|
-
fill-opacity="0.16"
|
|
145
|
-
/>
|
|
146
|
-
<path
|
|
147
|
-
class="loading-part-4"
|
|
148
|
-
fill-rule="evenodd"
|
|
149
|
-
clip-rule="evenodd"
|
|
150
|
-
d="M21.9196 15.7765L25.6396 11.9854C25.8703 11.7503 26 11.4314 26 11.0989V0L22.2799 3.79107C22.0492 4.02617 21.9196 4.3451 21.9196 4.67759V15.7765Z"
|
|
151
|
-
fill="#FFFFFF"
|
|
152
|
-
fill-opacity="0.16"
|
|
153
|
-
/>
|
|
154
|
-
</g>
|
|
155
|
-
</svg>
|
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
<svg
|
|
2
|
-
fill="none"
|
|
3
|
-
width='100%'
|
|
4
|
-
height='100%'
|
|
5
|
-
viewBox="0 0 32 32"
|
|
6
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
-
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
8
|
-
>
|
|
9
|
-
<defs>
|
|
10
|
-
<style type="text/css">
|
|
11
|
-
<![CDATA[
|
|
12
|
-
@keyframes refresh-animate1 {
|
|
13
|
-
0% {
|
|
14
|
-
fill-opacity: 1;
|
|
15
|
-
}
|
|
16
|
-
16.67% {
|
|
17
|
-
fill-opacity: 0.16;
|
|
18
|
-
}
|
|
19
|
-
50% {
|
|
20
|
-
fill-opacity: 0.16;
|
|
21
|
-
}
|
|
22
|
-
83.33% {
|
|
23
|
-
fill-opacity: 0.16;
|
|
24
|
-
}
|
|
25
|
-
100% {
|
|
26
|
-
fill-opacity: 1;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
@keyframes refresh-animate2 {
|
|
31
|
-
0% {
|
|
32
|
-
fill-opacity: 0.16;
|
|
33
|
-
}
|
|
34
|
-
16.67% {
|
|
35
|
-
fill-opacity: 1;
|
|
36
|
-
}
|
|
37
|
-
33.33% {
|
|
38
|
-
fill-opacity: 0.16;
|
|
39
|
-
}
|
|
40
|
-
50% {
|
|
41
|
-
fill-opacity: 0.16;
|
|
42
|
-
}
|
|
43
|
-
66.67% {
|
|
44
|
-
fill-opacity: 0.16;
|
|
45
|
-
}
|
|
46
|
-
83.33% {
|
|
47
|
-
fill-opacity: 1;
|
|
48
|
-
}
|
|
49
|
-
100% {
|
|
50
|
-
fill-opacity: 0.16;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
@keyframes refresh-animate3 {
|
|
55
|
-
0% {
|
|
56
|
-
fill-opacity: 0.16;
|
|
57
|
-
}
|
|
58
|
-
16.67% {
|
|
59
|
-
fill-opacity: 0.16;
|
|
60
|
-
}
|
|
61
|
-
33.33% {
|
|
62
|
-
fill-opacity: 1;
|
|
63
|
-
}
|
|
64
|
-
50% {
|
|
65
|
-
fill-opacity: 0.16;
|
|
66
|
-
}
|
|
67
|
-
66.67% {
|
|
68
|
-
fill-opacity: 1;
|
|
69
|
-
}
|
|
70
|
-
83.33% {
|
|
71
|
-
fill-opacity: 0.16;
|
|
72
|
-
}
|
|
73
|
-
100% {
|
|
74
|
-
fill-opacity: 0.16;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
@keyframes refresh-animate4 {
|
|
79
|
-
0% {
|
|
80
|
-
fill-opacity: 0.16;
|
|
81
|
-
}
|
|
82
|
-
33.33% {
|
|
83
|
-
fill-opacity: 0.16;
|
|
84
|
-
}
|
|
85
|
-
50% {
|
|
86
|
-
fill-opacity: 1;
|
|
87
|
-
}
|
|
88
|
-
66.67% {
|
|
89
|
-
fill-opacity: 0.16;
|
|
90
|
-
}
|
|
91
|
-
100% {
|
|
92
|
-
fill-opacity: 0.16;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.loading-part-1,
|
|
97
|
-
.loading-part-2,
|
|
98
|
-
.loading-part-3,
|
|
99
|
-
.loading-part-4 {
|
|
100
|
-
animation-duration: 1000ms;
|
|
101
|
-
animation-delay: 0s;
|
|
102
|
-
animation-timing-function: ease-out;
|
|
103
|
-
animation-iteration-count: infinite;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.loading-part-1 {
|
|
107
|
-
animation-name: refresh-animate1;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.loading-part-2 {
|
|
111
|
-
animation-name: refresh-animate2;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.loading-part-3 {
|
|
115
|
-
animation-name: refresh-animate3;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.loading-part-4 {
|
|
119
|
-
animation-name: refresh-animate4;
|
|
120
|
-
}
|
|
121
|
-
]]>
|
|
122
|
-
</style>
|
|
123
|
-
</defs>
|
|
124
|
-
<g>
|
|
125
|
-
<path
|
|
126
|
-
class="loading-part-1"
|
|
127
|
-
fill-rule="evenodd"
|
|
128
|
-
clip-rule="evenodd"
|
|
129
|
-
d="M6 32.0001L9.72003 28.209C9.95076 27.9739 10.0803 27.655 10.0803 27.3225V16.2236L6.36035 20.0147C6.12963 20.2498 6 20.5687 6 20.9012V32.0001Z"
|
|
130
|
-
fill-opacity="0.16"
|
|
131
|
-
fill="#1BC47D"
|
|
132
|
-
/>
|
|
133
|
-
<path
|
|
134
|
-
class="loading-part-2"
|
|
135
|
-
fill-rule="evenodd"
|
|
136
|
-
clip-rule="evenodd"
|
|
137
|
-
d="M11.3068 26.559L15.0269 22.768C15.2576 22.5329 15.3872 22.214 15.3872 21.8815V2.71126L11.6672 6.50233C11.4364 6.73746 11.3068 7.05636 11.3068 7.38889V26.559Z"
|
|
138
|
-
fill-opacity="0.16"
|
|
139
|
-
fill="#1BC47D"
|
|
140
|
-
/>
|
|
141
|
-
<path
|
|
142
|
-
class="loading-part-3"
|
|
143
|
-
fill-rule="evenodd"
|
|
144
|
-
clip-rule="evenodd"
|
|
145
|
-
d="M16.6255 29.2742L20.3455 25.4832C20.5762 25.248 20.7059 24.9292 20.7059 24.5966V5.42644L16.9858 9.21751C16.7552 9.4526 16.6255 9.77154 16.6255 10.104V29.2742Z"
|
|
146
|
-
fill="#1BC47D"
|
|
147
|
-
fill-opacity="0.16"
|
|
148
|
-
/>
|
|
149
|
-
<path
|
|
150
|
-
class="loading-part-4"
|
|
151
|
-
fill-rule="evenodd"
|
|
152
|
-
clip-rule="evenodd"
|
|
153
|
-
d="M21.9196 15.7765L25.6396 11.9854C25.8703 11.7503 26 11.4314 26 11.0989V0L22.2799 3.79107C22.0492 4.02617 21.9196 4.3451 21.9196 4.67759V15.7765Z"
|
|
154
|
-
fill="#1BC47D"
|
|
155
|
-
fill-opacity="0.16"
|
|
156
|
-
/>
|
|
157
|
-
</g>
|
|
158
|
-
</svg>
|