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.
@@ -264,7 +264,7 @@ export interface PersonalData {
264
264
  }
265
265
  export interface WorkData {
266
266
  personalData?: PersonalData;
267
- globalData?: GlobalData;
267
+ global?: GlobalData;
268
268
  pages: PageData[];
269
269
  }
270
270
  export declare const commonDefaultProps: {
@@ -1,9 +1,70 @@
1
1
 
2
- .uni-image-component {
3
- max-width: 100%;
2
+ .ele-text {
3
+ position: relative;
4
4
  }
5
- .uni-image-mask-wrapper {
6
- display: inline-block;
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
- .uni-video-component {
275
- position: relative;
276
- text-align: center;
277
- }
278
- .play-pause-button {
279
- position: absolute;
280
- top: 50%;
281
- left: 50%;
282
- transform: translate(-50%, -50%);
283
- cursor: pointer;
284
- font-size: 2rem;
285
- color: #fff;
286
- background: rgba(0, 0, 0, 0.6);
287
- border-radius: 50%;
288
- padding: 10px;
289
- transition: background 0.3s;
290
- }
291
- .play-pause-button:hover {
292
- background: rgba(0, 0, 0, 0.8);
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
- .like-button {
404
- display: flex;
405
- flex-direction: column;
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.globalData || {});
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.globalData || {});
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) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unika-components",
3
- "version": "1.0.345",
3
+ "version": "1.0.346",
4
4
  "private": false,
5
5
  "main": "dist/unika-components.umd.js",
6
6
  "module": "dist/unika-components.esm.js",