unika-components 1.0.345 → 1.0.346
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.
|
@@ -1,9 +1,70 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
3
|
-
|
|
2
|
+
.ele-text {
|
|
3
|
+
position: relative;
|
|
4
4
|
}
|
|
5
|
-
|
|
6
|
-
|
|
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
|
+
}
|
|
7
68
|
}
|
|
8
69
|
|
|
9
70
|
.work-container {
|
|
@@ -202,95 +263,28 @@
|
|
|
202
263
|
background-position: center;
|
|
203
264
|
will-change: transform;
|
|
204
265
|
}
|
|
205
|
-
|
|
206
|
-
.ele-text {
|
|
207
|
-
position: relative;
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
.ele-text .ani-wrap {
|
|
211
|
-
width: 100%;
|
|
212
|
-
height: 100%;
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
.text-common {
|
|
216
|
-
padding: 5px;
|
|
217
|
-
text-orientation: upright;
|
|
218
|
-
white-space: pre-wrap;
|
|
219
|
-
}
|
|
220
|
-
|
|
221
|
-
/* 文本动画类 */
|
|
222
|
-
.text-fadeIn {
|
|
223
|
-
animation: fadeIn 1s ease-in-out;
|
|
224
|
-
}
|
|
225
|
-
|
|
226
|
-
.text-slideIn {
|
|
227
|
-
animation: slideIn 1s ease-in-out;
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
.text-bounceIn {
|
|
231
|
-
animation: bounceIn 1s ease-in-out;
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
/* 基础动画关键帧 */
|
|
235
|
-
@keyframes fadeIn {
|
|
236
|
-
from {
|
|
237
|
-
opacity: 0;
|
|
238
|
-
}
|
|
239
|
-
to {
|
|
240
|
-
opacity: 1;
|
|
241
|
-
}
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
@keyframes slideIn {
|
|
245
|
-
from {
|
|
246
|
-
transform: translateY(20px);
|
|
247
|
-
opacity: 0;
|
|
248
|
-
}
|
|
249
|
-
to {
|
|
250
|
-
transform: translateY(0);
|
|
251
|
-
opacity: 1;
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
|
|
255
|
-
@keyframes bounceIn {
|
|
256
|
-
0% {
|
|
257
|
-
transform: scale(0.3);
|
|
258
|
-
opacity: 0;
|
|
259
|
-
}
|
|
260
|
-
50% {
|
|
261
|
-
transform: scale(1.05);
|
|
262
|
-
opacity: 0.8;
|
|
263
|
-
}
|
|
264
|
-
70% {
|
|
265
|
-
transform: scale(0.9);
|
|
266
|
-
opacity: 0.9;
|
|
267
|
-
}
|
|
268
|
-
100% {
|
|
269
|
-
transform: scale(1);
|
|
270
|
-
opacity: 1;
|
|
271
|
-
}
|
|
272
|
-
}
|
|
273
266
|
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
267
|
+
.like-button {
|
|
268
|
+
display: flex;
|
|
269
|
+
flex-direction: column;
|
|
270
|
+
align-items: center;
|
|
271
|
+
cursor: pointer;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
.icon-heart {
|
|
275
|
+
font-size: 24px;
|
|
276
|
+
color: #e74c3c;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
.liked {
|
|
280
|
+
color: #f00; /* 更改颜色以示已赞 */
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
.like-count {
|
|
284
|
+
margin-top: 4px;
|
|
285
|
+
font-size: 16px;
|
|
286
|
+
color: #333;
|
|
287
|
+
}
|
|
294
288
|
|
|
295
289
|
#audio {
|
|
296
290
|
position: absolute;
|
|
@@ -365,6 +359,46 @@
|
|
|
365
359
|
background: #fff;
|
|
366
360
|
}
|
|
367
361
|
|
|
362
|
+
.uni-video-component {
|
|
363
|
+
position: relative;
|
|
364
|
+
text-align: center;
|
|
365
|
+
}
|
|
366
|
+
.play-pause-button {
|
|
367
|
+
position: absolute;
|
|
368
|
+
top: 50%;
|
|
369
|
+
left: 50%;
|
|
370
|
+
transform: translate(-50%, -50%);
|
|
371
|
+
cursor: pointer;
|
|
372
|
+
font-size: 2rem;
|
|
373
|
+
color: #fff;
|
|
374
|
+
background: rgba(0, 0, 0, 0.6);
|
|
375
|
+
border-radius: 50%;
|
|
376
|
+
padding: 10px;
|
|
377
|
+
transition: background 0.3s;
|
|
378
|
+
}
|
|
379
|
+
.play-pause-button:hover {
|
|
380
|
+
background: rgba(0, 0, 0, 0.8);
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
.uni-image-component {
|
|
384
|
+
max-width: 100%;
|
|
385
|
+
}
|
|
386
|
+
.uni-image-mask-wrapper {
|
|
387
|
+
display: inline-block;
|
|
388
|
+
}
|
|
389
|
+
|
|
390
|
+
|
|
391
|
+
.uni-calendar-component {
|
|
392
|
+
|
|
393
|
+
}
|
|
394
|
+
.slot-number {
|
|
395
|
+
position: absolute;
|
|
396
|
+
bottom: 2px;
|
|
397
|
+
left: 7px;
|
|
398
|
+
font-size: 12px;
|
|
399
|
+
color: #666
|
|
400
|
+
}
|
|
401
|
+
|
|
368
402
|
.ant-input-number {
|
|
369
403
|
box-sizing: border-box;
|
|
370
404
|
margin: 0;
|
|
@@ -399,40 +433,10 @@
|
|
|
399
433
|
margin-bottom: 0px;
|
|
400
434
|
vertical-align: top;
|
|
401
435
|
}
|
|
402
|
-
|
|
403
|
-
.
|
|
404
|
-
display:
|
|
405
|
-
|
|
406
|
-
align-items: center;
|
|
407
|
-
cursor: pointer;
|
|
408
|
-
}
|
|
409
|
-
|
|
410
|
-
.icon-heart {
|
|
411
|
-
font-size: 24px;
|
|
412
|
-
color: #e74c3c;
|
|
413
|
-
}
|
|
414
|
-
|
|
415
|
-
.liked {
|
|
416
|
-
color: #f00; /* 更改颜色以示已赞 */
|
|
417
|
-
}
|
|
418
|
-
|
|
419
|
-
.like-count {
|
|
420
|
-
margin-top: 4px;
|
|
421
|
-
font-size: 16px;
|
|
422
|
-
color: #333;
|
|
423
|
-
}
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
.uni-calendar-component {
|
|
427
|
-
|
|
428
|
-
}
|
|
429
|
-
.slot-number {
|
|
430
|
-
position: absolute;
|
|
431
|
-
bottom: 2px;
|
|
432
|
-
left: 7px;
|
|
433
|
-
font-size: 12px;
|
|
434
|
-
color: #666
|
|
435
|
-
}
|
|
436
|
+
|
|
437
|
+
.uni-svg-component {
|
|
438
|
+
display: inline-block;
|
|
439
|
+
}
|
|
436
440
|
|
|
437
441
|
.effect {
|
|
438
442
|
width: 100%;
|
|
@@ -443,10 +447,6 @@
|
|
|
443
447
|
width: 100%;
|
|
444
448
|
height: 100%;
|
|
445
449
|
}
|
|
446
|
-
|
|
447
|
-
.uni-svg-component {
|
|
448
|
-
display: inline-block;
|
|
449
|
-
}
|
|
450
450
|
|
|
451
451
|
.uni-build-up-component {
|
|
452
452
|
}
|
|
@@ -5827,7 +5827,7 @@ var script$h = defineComponent({
|
|
|
5827
5827
|
// 使用 computed 保持响应性
|
|
5828
5828
|
const workData = computed(() => props.workData);
|
|
5829
5829
|
const personalData = computed(() => workData.value.personalData || {});
|
|
5830
|
-
const global = computed(() => workData.value.
|
|
5830
|
+
const global = computed(() => workData.value.global || {});
|
|
5831
5831
|
const pages = computed(() => workData.value.pages || []);
|
|
5832
5832
|
// 初始化 currentPageId
|
|
5833
5833
|
watch(() => pages.value, (newPages) => {
|
|
@@ -5834,7 +5834,7 @@
|
|
|
5834
5834
|
// 使用 computed 保持响应性
|
|
5835
5835
|
const workData = vue.computed(() => props.workData);
|
|
5836
5836
|
const personalData = vue.computed(() => workData.value.personalData || {});
|
|
5837
|
-
const global = vue.computed(() => workData.value.
|
|
5837
|
+
const global = vue.computed(() => workData.value.global || {});
|
|
5838
5838
|
const pages = vue.computed(() => workData.value.pages || []);
|
|
5839
5839
|
// 初始化 currentPageId
|
|
5840
5840
|
vue.watch(() => pages.value, (newPages) => {
|