unika-components 1.0.349 → 1.0.350
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/src/index.d.ts +2 -3
- package/dist/unika-components.css +154 -154
- package/dist/unika-components.esm.js +592 -594
- package/dist/unika-components.umd.js +606 -609
- package/package.json +1 -1
package/dist/src/index.d.ts
CHANGED
|
@@ -3,7 +3,6 @@ import UniText from './components/UniText';
|
|
|
3
3
|
import UniImage from './components/UniImage';
|
|
4
4
|
import UniShape from './components/UniShape';
|
|
5
5
|
import LongPage from './components/LongPage';
|
|
6
|
-
import SwiperPage from './components/WorkRender';
|
|
7
6
|
import UniBackground from './components/UniBackground';
|
|
8
7
|
import UniMusic from './components/UniMusic';
|
|
9
8
|
import UniVideo from './components/UniVideo';
|
|
@@ -19,9 +18,9 @@ import UniButton from './components/UniButton';
|
|
|
19
18
|
import UniBulidUp from './components/UniBulidUp';
|
|
20
19
|
import UniTest from './components/UniTest';
|
|
21
20
|
import UniSvg from './components/UniSvg';
|
|
22
|
-
import
|
|
21
|
+
import WorkRenderer from './components/WorkRender';
|
|
23
22
|
declare const install: (app: App) => void;
|
|
24
|
-
export { UniText, UniImage, UniShape, LongPage,
|
|
23
|
+
export { UniText, UniImage, UniShape, LongPage, UniBackground, UniMusic, UniVideo, UniCalendar, UniCountdown, UniMap, UniCall, UniLike, UniEffect, UniRegisterForm, UniLotties, UniButton, UniBulidUp, UniSvg, UniTest, WorkRenderer, install };
|
|
25
24
|
declare const _default: {
|
|
26
25
|
install: (app: App<any>) => void;
|
|
27
26
|
};
|
|
@@ -1,3 +1,71 @@
|
|
|
1
|
+
|
|
2
|
+
.ele-text {
|
|
3
|
+
position: relative;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.ele-text .ani-wrap {
|
|
7
|
+
width: 100%;
|
|
8
|
+
height: 100%;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.text-common {
|
|
12
|
+
padding: 5px;
|
|
13
|
+
text-orientation: upright;
|
|
14
|
+
white-space: pre-wrap;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
/* 文本动画类 */
|
|
18
|
+
.text-fadeIn {
|
|
19
|
+
animation: fadeIn 1s ease-in-out;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.text-slideIn {
|
|
23
|
+
animation: slideIn 1s ease-in-out;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.text-bounceIn {
|
|
27
|
+
animation: bounceIn 1s ease-in-out;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/* 基础动画关键帧 */
|
|
31
|
+
@keyframes fadeIn {
|
|
32
|
+
from {
|
|
33
|
+
opacity: 0;
|
|
34
|
+
}
|
|
35
|
+
to {
|
|
36
|
+
opacity: 1;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
@keyframes slideIn {
|
|
41
|
+
from {
|
|
42
|
+
transform: translateY(20px);
|
|
43
|
+
opacity: 0;
|
|
44
|
+
}
|
|
45
|
+
to {
|
|
46
|
+
transform: translateY(0);
|
|
47
|
+
opacity: 1;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@keyframes bounceIn {
|
|
52
|
+
0% {
|
|
53
|
+
transform: scale(0.3);
|
|
54
|
+
opacity: 0;
|
|
55
|
+
}
|
|
56
|
+
50% {
|
|
57
|
+
transform: scale(1.05);
|
|
58
|
+
opacity: 0.8;
|
|
59
|
+
}
|
|
60
|
+
70% {
|
|
61
|
+
transform: scale(0.9);
|
|
62
|
+
opacity: 0.9;
|
|
63
|
+
}
|
|
64
|
+
100% {
|
|
65
|
+
transform: scale(1);
|
|
66
|
+
opacity: 1;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
1
69
|
|
|
2
70
|
#audio {
|
|
3
71
|
position: absolute;
|
|
@@ -71,74 +139,6 @@
|
|
|
71
139
|
height: 2px;
|
|
72
140
|
background: #fff;
|
|
73
141
|
}
|
|
74
|
-
|
|
75
|
-
.ele-text {
|
|
76
|
-
position: relative;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.ele-text .ani-wrap {
|
|
80
|
-
width: 100%;
|
|
81
|
-
height: 100%;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.text-common {
|
|
85
|
-
padding: 5px;
|
|
86
|
-
text-orientation: upright;
|
|
87
|
-
white-space: pre-wrap;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
/* 文本动画类 */
|
|
91
|
-
.text-fadeIn {
|
|
92
|
-
animation: fadeIn 1s ease-in-out;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.text-slideIn {
|
|
96
|
-
animation: slideIn 1s ease-in-out;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.text-bounceIn {
|
|
100
|
-
animation: bounceIn 1s ease-in-out;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
/* 基础动画关键帧 */
|
|
104
|
-
@keyframes fadeIn {
|
|
105
|
-
from {
|
|
106
|
-
opacity: 0;
|
|
107
|
-
}
|
|
108
|
-
to {
|
|
109
|
-
opacity: 1;
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
@keyframes slideIn {
|
|
114
|
-
from {
|
|
115
|
-
transform: translateY(20px);
|
|
116
|
-
opacity: 0;
|
|
117
|
-
}
|
|
118
|
-
to {
|
|
119
|
-
transform: translateY(0);
|
|
120
|
-
opacity: 1;
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
@keyframes bounceIn {
|
|
125
|
-
0% {
|
|
126
|
-
transform: scale(0.3);
|
|
127
|
-
opacity: 0;
|
|
128
|
-
}
|
|
129
|
-
50% {
|
|
130
|
-
transform: scale(1.05);
|
|
131
|
-
opacity: 0.8;
|
|
132
|
-
}
|
|
133
|
-
70% {
|
|
134
|
-
transform: scale(0.9);
|
|
135
|
-
opacity: 0.9;
|
|
136
|
-
}
|
|
137
|
-
100% {
|
|
138
|
-
transform: scale(1);
|
|
139
|
-
opacity: 1;
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
142
|
|
|
143
143
|
.uni-video-component {
|
|
144
144
|
position: relative;
|
|
@@ -167,6 +167,92 @@
|
|
|
167
167
|
.uni-image-mask-wrapper {
|
|
168
168
|
display: inline-block;
|
|
169
169
|
}
|
|
170
|
+
|
|
171
|
+
.ant-input-number {
|
|
172
|
+
box-sizing: border-box;
|
|
173
|
+
margin: 0;
|
|
174
|
+
padding: 0;
|
|
175
|
+
color: rgba(0, 0, 0, 0.88);
|
|
176
|
+
font-size: 14px;
|
|
177
|
+
line-height: 1.5714285714285714;
|
|
178
|
+
list-style: none;
|
|
179
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
180
|
+
position: relative;
|
|
181
|
+
display: inline-block;
|
|
182
|
+
width: 100%;
|
|
183
|
+
min-width: 0;
|
|
184
|
+
background-color: #ffffff;
|
|
185
|
+
background-image: none;
|
|
186
|
+
border-width: 1px;
|
|
187
|
+
border-style: solid;
|
|
188
|
+
border-color: #d9d9d9;
|
|
189
|
+
border-radius: 6px;
|
|
190
|
+
transition: all 0.2s;
|
|
191
|
+
border: 1px solid #d9d9d9;
|
|
192
|
+
}
|
|
193
|
+
.ant-form-item {
|
|
194
|
+
box-sizing: border-box;
|
|
195
|
+
margin: 0;
|
|
196
|
+
padding: 0;
|
|
197
|
+
color: rgba(0, 0, 0, 0.88);
|
|
198
|
+
font-size: 14px;
|
|
199
|
+
line-height: 1.5714285714285714;
|
|
200
|
+
list-style: none;
|
|
201
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
202
|
+
margin-bottom: 0px;
|
|
203
|
+
vertical-align: top;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.like-button {
|
|
207
|
+
display: flex;
|
|
208
|
+
flex-direction: column;
|
|
209
|
+
align-items: center;
|
|
210
|
+
cursor: pointer;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.icon-heart {
|
|
214
|
+
font-size: 24px;
|
|
215
|
+
color: #e74c3c;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.liked {
|
|
219
|
+
color: #f00; /* 更改颜色以示已赞 */
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
.like-count {
|
|
223
|
+
margin-top: 4px;
|
|
224
|
+
font-size: 16px;
|
|
225
|
+
color: #333;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
|
|
229
|
+
.uni-calendar-component {
|
|
230
|
+
|
|
231
|
+
}
|
|
232
|
+
.slot-number {
|
|
233
|
+
position: absolute;
|
|
234
|
+
bottom: 2px;
|
|
235
|
+
left: 7px;
|
|
236
|
+
font-size: 12px;
|
|
237
|
+
color: #666
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
.effect {
|
|
241
|
+
width: 100%;
|
|
242
|
+
height: 100%;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
.uni-build-up-component {
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
.uni-svg-component {
|
|
249
|
+
display: inline-block;
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
.uni-lotties-component {
|
|
253
|
+
width: 100%;
|
|
254
|
+
height: 100%;
|
|
255
|
+
}
|
|
170
256
|
|
|
171
257
|
.work-container {
|
|
172
258
|
position: relative;
|
|
@@ -366,92 +452,6 @@
|
|
|
366
452
|
}
|
|
367
453
|
|
|
368
454
|
|
|
369
|
-
.uni-calendar-component {
|
|
370
|
-
|
|
371
|
-
}
|
|
372
|
-
.slot-number {
|
|
373
|
-
position: absolute;
|
|
374
|
-
bottom: 2px;
|
|
375
|
-
left: 7px;
|
|
376
|
-
font-size: 12px;
|
|
377
|
-
color: #666
|
|
378
|
-
}
|
|
379
|
-
|
|
380
|
-
.effect {
|
|
381
|
-
width: 100%;
|
|
382
|
-
height: 100%;
|
|
383
|
-
}
|
|
384
|
-
|
|
385
|
-
.uni-svg-component {
|
|
386
|
-
display: inline-block;
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
.uni-build-up-component {
|
|
390
|
-
}
|
|
391
|
-
|
|
392
|
-
.like-button {
|
|
393
|
-
display: flex;
|
|
394
|
-
flex-direction: column;
|
|
395
|
-
align-items: center;
|
|
396
|
-
cursor: pointer;
|
|
397
|
-
}
|
|
398
|
-
|
|
399
|
-
.icon-heart {
|
|
400
|
-
font-size: 24px;
|
|
401
|
-
color: #e74c3c;
|
|
402
|
-
}
|
|
403
|
-
|
|
404
|
-
.liked {
|
|
405
|
-
color: #f00; /* 更改颜色以示已赞 */
|
|
406
|
-
}
|
|
407
|
-
|
|
408
|
-
.like-count {
|
|
409
|
-
margin-top: 4px;
|
|
410
|
-
font-size: 16px;
|
|
411
|
-
color: #333;
|
|
412
|
-
}
|
|
413
|
-
|
|
414
|
-
.ant-input-number {
|
|
415
|
-
box-sizing: border-box;
|
|
416
|
-
margin: 0;
|
|
417
|
-
padding: 0;
|
|
418
|
-
color: rgba(0, 0, 0, 0.88);
|
|
419
|
-
font-size: 14px;
|
|
420
|
-
line-height: 1.5714285714285714;
|
|
421
|
-
list-style: none;
|
|
422
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
423
|
-
position: relative;
|
|
424
|
-
display: inline-block;
|
|
425
|
-
width: 100%;
|
|
426
|
-
min-width: 0;
|
|
427
|
-
background-color: #ffffff;
|
|
428
|
-
background-image: none;
|
|
429
|
-
border-width: 1px;
|
|
430
|
-
border-style: solid;
|
|
431
|
-
border-color: #d9d9d9;
|
|
432
|
-
border-radius: 6px;
|
|
433
|
-
transition: all 0.2s;
|
|
434
|
-
border: 1px solid #d9d9d9;
|
|
435
|
-
}
|
|
436
|
-
.ant-form-item {
|
|
437
|
-
box-sizing: border-box;
|
|
438
|
-
margin: 0;
|
|
439
|
-
padding: 0;
|
|
440
|
-
color: rgba(0, 0, 0, 0.88);
|
|
441
|
-
font-size: 14px;
|
|
442
|
-
line-height: 1.5714285714285714;
|
|
443
|
-
list-style: none;
|
|
444
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
445
|
-
margin-bottom: 0px;
|
|
446
|
-
vertical-align: top;
|
|
447
|
-
}
|
|
448
|
-
|
|
449
|
-
.uni-lotties-component {
|
|
450
|
-
width: 100%;
|
|
451
|
-
height: 100%;
|
|
452
|
-
}
|
|
453
|
-
|
|
454
|
-
|
|
455
455
|
.no-animation__card {
|
|
456
456
|
font-weight: 500;
|
|
457
457
|
font-size: var(--countdown-size, 2rem);
|