unika-components 1.0.285 → 1.0.287
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/defaultProps.d.ts +12 -23
- package/dist/unika-components.css +233 -233
- package/dist/unika-components.esm.js +11 -15
- package/dist/unika-components.umd.js +11 -15
- package/package.json +1 -1
|
@@ -105,7 +105,6 @@ export declare const commonDefaultProps: {
|
|
|
105
105
|
position: string;
|
|
106
106
|
left: string;
|
|
107
107
|
top: string;
|
|
108
|
-
right: string;
|
|
109
108
|
transform: string;
|
|
110
109
|
};
|
|
111
110
|
export declare const textDefaultProps: {
|
|
@@ -126,7 +125,6 @@ export declare const textDefaultProps: {
|
|
|
126
125
|
position: string;
|
|
127
126
|
left: string;
|
|
128
127
|
top: string;
|
|
129
|
-
right: string;
|
|
130
128
|
transform: string;
|
|
131
129
|
text: string;
|
|
132
130
|
fontSize: string;
|
|
@@ -157,7 +155,6 @@ export declare const imageDefaultProps: {
|
|
|
157
155
|
position: string;
|
|
158
156
|
left: string;
|
|
159
157
|
top: string;
|
|
160
|
-
right: string;
|
|
161
158
|
transform: string;
|
|
162
159
|
imageSrc: string;
|
|
163
160
|
maskImage: string;
|
|
@@ -180,7 +177,6 @@ export declare const shapeDefaultProps: {
|
|
|
180
177
|
position: string;
|
|
181
178
|
left: string;
|
|
182
179
|
top: string;
|
|
183
|
-
right: string;
|
|
184
180
|
transform: string;
|
|
185
181
|
backgroundColor: string;
|
|
186
182
|
};
|
|
@@ -193,10 +189,8 @@ export declare const backgroundDefaultProps: {
|
|
|
193
189
|
backgroundPosition: string;
|
|
194
190
|
zIndex: number;
|
|
195
191
|
position: string;
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
top: number;
|
|
199
|
-
bottom: number;
|
|
192
|
+
left: string;
|
|
193
|
+
top: string;
|
|
200
194
|
width: string;
|
|
201
195
|
height: string;
|
|
202
196
|
overflow: string;
|
|
@@ -246,16 +240,16 @@ export declare const buildUpDefaultProps: {
|
|
|
246
240
|
export declare const calendarDefaultProps: {
|
|
247
241
|
left: string;
|
|
248
242
|
top: string;
|
|
249
|
-
size: string;
|
|
250
243
|
opacity: number;
|
|
251
244
|
position: string;
|
|
252
|
-
backgroundColor: string;
|
|
253
245
|
borderRadius: string;
|
|
254
246
|
borderColor: string;
|
|
255
247
|
borderStyle: string;
|
|
256
248
|
borderWidth: string;
|
|
257
249
|
width: string;
|
|
258
250
|
height: string;
|
|
251
|
+
backgroundColor: string;
|
|
252
|
+
size: string;
|
|
259
253
|
date: string;
|
|
260
254
|
dateColor: string;
|
|
261
255
|
themeColor: string;
|
|
@@ -279,6 +273,7 @@ export declare const countdownDefaultProps: {
|
|
|
279
273
|
size: string;
|
|
280
274
|
flipAnimation: boolean;
|
|
281
275
|
deadline: string;
|
|
276
|
+
transform: string;
|
|
282
277
|
display: string;
|
|
283
278
|
alignItems: string;
|
|
284
279
|
justifyContent: string;
|
|
@@ -360,7 +355,6 @@ export declare const likeDefaultProps: {
|
|
|
360
355
|
position: string;
|
|
361
356
|
left: string;
|
|
362
357
|
top: string;
|
|
363
|
-
right: string;
|
|
364
358
|
transform: string;
|
|
365
359
|
};
|
|
366
360
|
export declare const effectDefaultProps: {
|
|
@@ -386,9 +380,9 @@ export declare const registerFormDefaultProps: {
|
|
|
386
380
|
borderStyle: string;
|
|
387
381
|
borderWidth: string;
|
|
388
382
|
borderColor: string;
|
|
383
|
+
opacity: number;
|
|
389
384
|
backgroundColor: string;
|
|
390
385
|
attendanceTimeList: string[];
|
|
391
|
-
opacity: number;
|
|
392
386
|
isPhoneNumber: boolean;
|
|
393
387
|
buttonBackgroundColor: string;
|
|
394
388
|
buttonFontColor: string;
|
|
@@ -453,7 +447,6 @@ export declare const componentsDefaultProps: {
|
|
|
453
447
|
position: string;
|
|
454
448
|
left: string;
|
|
455
449
|
top: string;
|
|
456
|
-
right: string;
|
|
457
450
|
transform: string;
|
|
458
451
|
text: string;
|
|
459
452
|
fontSize: string;
|
|
@@ -486,7 +479,6 @@ export declare const componentsDefaultProps: {
|
|
|
486
479
|
position: string;
|
|
487
480
|
left: string;
|
|
488
481
|
top: string;
|
|
489
|
-
right: string;
|
|
490
482
|
transform: string;
|
|
491
483
|
imageSrc: string;
|
|
492
484
|
maskImage: string;
|
|
@@ -511,7 +503,6 @@ export declare const componentsDefaultProps: {
|
|
|
511
503
|
position: string;
|
|
512
504
|
left: string;
|
|
513
505
|
top: string;
|
|
514
|
-
right: string;
|
|
515
506
|
transform: string;
|
|
516
507
|
backgroundColor: string;
|
|
517
508
|
};
|
|
@@ -542,10 +533,8 @@ export declare const componentsDefaultProps: {
|
|
|
542
533
|
backgroundPosition: string;
|
|
543
534
|
zIndex: number;
|
|
544
535
|
position: string;
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
top: number;
|
|
548
|
-
bottom: number;
|
|
536
|
+
left: string;
|
|
537
|
+
top: string;
|
|
549
538
|
width: string;
|
|
550
539
|
height: string;
|
|
551
540
|
overflow: string;
|
|
@@ -580,16 +569,16 @@ export declare const componentsDefaultProps: {
|
|
|
580
569
|
props: {
|
|
581
570
|
left: string;
|
|
582
571
|
top: string;
|
|
583
|
-
size: string;
|
|
584
572
|
opacity: number;
|
|
585
573
|
position: string;
|
|
586
|
-
backgroundColor: string;
|
|
587
574
|
borderRadius: string;
|
|
588
575
|
borderColor: string;
|
|
589
576
|
borderStyle: string;
|
|
590
577
|
borderWidth: string;
|
|
591
578
|
width: string;
|
|
592
579
|
height: string;
|
|
580
|
+
backgroundColor: string;
|
|
581
|
+
size: string;
|
|
593
582
|
date: string;
|
|
594
583
|
dateColor: string;
|
|
595
584
|
themeColor: string;
|
|
@@ -615,6 +604,7 @@ export declare const componentsDefaultProps: {
|
|
|
615
604
|
size: string;
|
|
616
605
|
flipAnimation: boolean;
|
|
617
606
|
deadline: string;
|
|
607
|
+
transform: string;
|
|
618
608
|
display: string;
|
|
619
609
|
alignItems: string;
|
|
620
610
|
justifyContent: string;
|
|
@@ -681,7 +671,6 @@ export declare const componentsDefaultProps: {
|
|
|
681
671
|
position: string;
|
|
682
672
|
left: string;
|
|
683
673
|
top: string;
|
|
684
|
-
right: string;
|
|
685
674
|
transform: string;
|
|
686
675
|
};
|
|
687
676
|
};
|
|
@@ -711,9 +700,9 @@ export declare const componentsDefaultProps: {
|
|
|
711
700
|
borderStyle: string;
|
|
712
701
|
borderWidth: string;
|
|
713
702
|
borderColor: string;
|
|
703
|
+
opacity: number;
|
|
714
704
|
backgroundColor: string;
|
|
715
705
|
attendanceTimeList: string[];
|
|
716
|
-
opacity: number;
|
|
717
706
|
isPhoneNumber: boolean;
|
|
718
707
|
buttonBackgroundColor: string;
|
|
719
708
|
buttonFontColor: string;
|
|
@@ -1,4 +1,11 @@
|
|
|
1
1
|
|
|
2
|
+
.uni-image-component {
|
|
3
|
+
max-width: 100%;
|
|
4
|
+
}
|
|
5
|
+
.uni-image-mask-wrapper {
|
|
6
|
+
display: inline-block;
|
|
7
|
+
}
|
|
8
|
+
|
|
2
9
|
h2.uni-text-component, p.uni-text-component {
|
|
3
10
|
margin-top: 0;
|
|
4
11
|
margin-bottom: 0;
|
|
@@ -11,13 +18,6 @@ button.uni-text-component {
|
|
|
11
18
|
box-sizing: border-box;
|
|
12
19
|
white-space: pre-wrap;
|
|
13
20
|
}
|
|
14
|
-
|
|
15
|
-
.uni-image-component {
|
|
16
|
-
max-width: 100%;
|
|
17
|
-
}
|
|
18
|
-
.uni-image-mask-wrapper {
|
|
19
|
-
display: inline-block;
|
|
20
|
-
}
|
|
21
21
|
|
|
22
22
|
.uni-video-component {
|
|
23
23
|
position: relative;
|
|
@@ -39,32 +39,6 @@ button.uni-text-component {
|
|
|
39
39
|
.play-pause-button:hover {
|
|
40
40
|
background: rgba(0, 0, 0, 0.8);
|
|
41
41
|
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
.uni-calendar-component {
|
|
45
|
-
|
|
46
|
-
}
|
|
47
|
-
.slot-number {
|
|
48
|
-
position: absolute;
|
|
49
|
-
bottom: 2px;
|
|
50
|
-
left: 7px;
|
|
51
|
-
font-size: 12px;
|
|
52
|
-
color: #666
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.swiper-warp {
|
|
56
|
-
width: 100%;
|
|
57
|
-
height: 100%;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.swiper-slide-component {
|
|
61
|
-
text-align: center;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.swiper-slide img {
|
|
65
|
-
max-width: 100%;
|
|
66
|
-
max-height: 100%;
|
|
67
|
-
}
|
|
68
42
|
|
|
69
43
|
.slide-guide {
|
|
70
44
|
position: absolute;
|
|
@@ -150,6 +124,11 @@ body, html {
|
|
|
150
124
|
position: static !important;
|
|
151
125
|
}
|
|
152
126
|
|
|
127
|
+
.uni-lotties-component {
|
|
128
|
+
width: 100%;
|
|
129
|
+
height: 100%;
|
|
130
|
+
}
|
|
131
|
+
|
|
153
132
|
.like-button {
|
|
154
133
|
display: flex;
|
|
155
134
|
flex-direction: column;
|
|
@@ -172,6 +151,37 @@ body, html {
|
|
|
172
151
|
color: #333;
|
|
173
152
|
}
|
|
174
153
|
|
|
154
|
+
|
|
155
|
+
.uni-calendar-component {
|
|
156
|
+
|
|
157
|
+
}
|
|
158
|
+
.slot-number {
|
|
159
|
+
position: absolute;
|
|
160
|
+
bottom: 2px;
|
|
161
|
+
left: 7px;
|
|
162
|
+
font-size: 12px;
|
|
163
|
+
color: #666
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.effect {
|
|
167
|
+
width: 100%;
|
|
168
|
+
height: 100%;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
.swiper-warp {
|
|
172
|
+
width: 100%;
|
|
173
|
+
height: 100%;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.swiper-slide-component {
|
|
177
|
+
text-align: center;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.swiper-slide img {
|
|
181
|
+
max-width: 100%;
|
|
182
|
+
max-height: 100%;
|
|
183
|
+
}
|
|
184
|
+
|
|
175
185
|
.ant-input-number {
|
|
176
186
|
box-sizing: border-box;
|
|
177
187
|
margin: 0;
|
|
@@ -206,23 +216,13 @@ body, html {
|
|
|
206
216
|
margin-bottom: 0px;
|
|
207
217
|
vertical-align: top;
|
|
208
218
|
}
|
|
209
|
-
|
|
210
|
-
.effect {
|
|
211
|
-
width: 100%;
|
|
212
|
-
height: 100%;
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
.uni-lotties-component {
|
|
216
|
-
width: 100%;
|
|
217
|
-
height: 100%;
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
.uni-build-up-component {
|
|
221
|
-
}
|
|
222
219
|
|
|
223
220
|
.uni-svg-component {
|
|
224
221
|
display: inline-block;
|
|
225
222
|
}
|
|
223
|
+
|
|
224
|
+
.uni-build-up-component {
|
|
225
|
+
}
|
|
226
226
|
/**
|
|
227
227
|
* Swiper 6.8.4
|
|
228
228
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
@@ -771,6 +771,193 @@ button.swiper-pagination-bullet {
|
|
|
771
771
|
backface-visibility: hidden;
|
|
772
772
|
}
|
|
773
773
|
|
|
774
|
+
|
|
775
|
+
.no-animation__card {
|
|
776
|
+
font-weight: 500;
|
|
777
|
+
font-size: var(--countdown-size, 2rem);
|
|
778
|
+
line-height: 1.5;
|
|
779
|
+
display: block;
|
|
780
|
+
color: var(--main-color, #EC685C);
|
|
781
|
+
}
|
|
782
|
+
|
|
783
|
+
.flip-clock {
|
|
784
|
+
text-align: center;
|
|
785
|
+
perspective: 600px;
|
|
786
|
+
margin: 0 auto;
|
|
787
|
+
}
|
|
788
|
+
|
|
789
|
+
.flip-clock *,
|
|
790
|
+
.flip-clock *:before,
|
|
791
|
+
.flip-clock *:after {
|
|
792
|
+
box-sizing: border-box;
|
|
793
|
+
}
|
|
794
|
+
|
|
795
|
+
.flip-clock__piece {
|
|
796
|
+
display: inline-block;
|
|
797
|
+
margin: 0 0.2vw;
|
|
798
|
+
}
|
|
799
|
+
|
|
800
|
+
@media (min-width: 1000px) {
|
|
801
|
+
.flip-clock__piece {
|
|
802
|
+
margin: 0 5px;
|
|
803
|
+
}
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
.flip-clock__slot {
|
|
807
|
+
font-size: var(--label-size, 1rem);
|
|
808
|
+
line-height: 1.5;
|
|
809
|
+
display: block;
|
|
810
|
+
color: var(--label-color, #222222);
|
|
811
|
+
}
|
|
812
|
+
|
|
813
|
+
.flip-card {
|
|
814
|
+
display: block;
|
|
815
|
+
position: relative;
|
|
816
|
+
padding-bottom: 0.72em; /* halfHeight */
|
|
817
|
+
font-size: var(--countdown-size, 2.25rem);
|
|
818
|
+
line-height: 0.95;
|
|
819
|
+
}
|
|
820
|
+
|
|
821
|
+
@media (min-width: 1000px) {
|
|
822
|
+
.flip-clock__slot {
|
|
823
|
+
font-size: 1.2rem;
|
|
824
|
+
}
|
|
825
|
+
|
|
826
|
+
.flip-card {
|
|
827
|
+
font-size: 3rem;
|
|
828
|
+
}
|
|
829
|
+
}
|
|
830
|
+
|
|
831
|
+
.flip-card__top,
|
|
832
|
+
.flip-card__bottom,
|
|
833
|
+
.flip-card__back-bottom,
|
|
834
|
+
.flip-card__back::before,
|
|
835
|
+
.flip-card__back::after{
|
|
836
|
+
display: block;
|
|
837
|
+
height: 0.72em; /* halfHeight */
|
|
838
|
+
color: var(--main-color, #EC685C);
|
|
839
|
+
background: var(--main-flip-background-color, #222222);
|
|
840
|
+
padding: 0.23em 0.15em 0.4em;
|
|
841
|
+
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
842
|
+
backface-visibility: hidden;
|
|
843
|
+
-webkit-backface-visibility: hidden;
|
|
844
|
+
transform-style: preserve-3d;
|
|
845
|
+
width: 2.1em;
|
|
846
|
+
}
|
|
847
|
+
|
|
848
|
+
.flip-card__top-4digits,
|
|
849
|
+
.flip-card__bottom-4digits,
|
|
850
|
+
.flip-card__back-bottom-4digits,
|
|
851
|
+
.flip-card__back-4digits::before,
|
|
852
|
+
.flip-card__back-4digits::after {
|
|
853
|
+
display: block;
|
|
854
|
+
height: 0.72em; /* halfHeight */
|
|
855
|
+
color: var(--main-color, #EC685C);
|
|
856
|
+
background: var(--main-flip-background-color, #222222);
|
|
857
|
+
padding: 0.23em 0.15em 0.4em;
|
|
858
|
+
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
859
|
+
backface-visibility: hidden;
|
|
860
|
+
-webkit-backface-visibility: hidden;
|
|
861
|
+
transform-style: preserve-3d;
|
|
862
|
+
width: 2.65em;
|
|
863
|
+
}
|
|
864
|
+
|
|
865
|
+
.flip-card__bottom,
|
|
866
|
+
.flip-card__back-bottom,
|
|
867
|
+
.flip-card__bottom-4digits,
|
|
868
|
+
.flip-card__back-bottom-4digits {
|
|
869
|
+
color: var(--second-flip-color, #EC685C);
|
|
870
|
+
position: absolute;
|
|
871
|
+
top: 50%;
|
|
872
|
+
left: 0;
|
|
873
|
+
border-top: solid 1px var(--second-flip-background-color, #000);
|
|
874
|
+
background: var(--second-flip-background-color, #393939);
|
|
875
|
+
border-radius: 0 0 0.15em 0.15em; /* borderRadius */
|
|
876
|
+
pointer-events: none;
|
|
877
|
+
overflow: hidden;
|
|
878
|
+
z-index: 2;
|
|
879
|
+
}
|
|
880
|
+
|
|
881
|
+
.flip-card__back-bottom,
|
|
882
|
+
.flip-card__back-bottom-4digits {
|
|
883
|
+
z-index: 1;
|
|
884
|
+
}
|
|
885
|
+
|
|
886
|
+
.flip-card__bottom::after,
|
|
887
|
+
.flip-card__back-bottom::after,
|
|
888
|
+
.flip-card__bottom-4digits::after,
|
|
889
|
+
.flip-card__back-bottom-4digits::after {
|
|
890
|
+
display: block;
|
|
891
|
+
margin-top: -0.72em; /* Negative halfHeight */
|
|
892
|
+
}
|
|
893
|
+
.flip-card__back::before,
|
|
894
|
+
.flip-card__bottom::after,
|
|
895
|
+
.flip-card__back-bottom::after,
|
|
896
|
+
.flip-card__back-4digits::before,
|
|
897
|
+
.flip-card__bottom-4digits::after,
|
|
898
|
+
.flip-card__back-bottom-4digits::after {
|
|
899
|
+
content: attr(data-value);
|
|
900
|
+
}
|
|
901
|
+
|
|
902
|
+
.flip-card__back,
|
|
903
|
+
.flip-card__back-4digits {
|
|
904
|
+
position: absolute;
|
|
905
|
+
top: 0;
|
|
906
|
+
height: 100%;
|
|
907
|
+
left: 0%;
|
|
908
|
+
pointer-events: none;
|
|
909
|
+
}
|
|
910
|
+
.flip-card__back::before,
|
|
911
|
+
.flip-card__back-4digits::before {
|
|
912
|
+
position: relative;
|
|
913
|
+
overflow: hidden;
|
|
914
|
+
z-index: -1;
|
|
915
|
+
}
|
|
916
|
+
|
|
917
|
+
.flip .flip-card__back::before,
|
|
918
|
+
.flip .flip-card__back-4digits::before {
|
|
919
|
+
z-index: 1;
|
|
920
|
+
animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
|
|
921
|
+
animation-fill-mode: both;
|
|
922
|
+
transform-origin: center bottom;
|
|
923
|
+
}
|
|
924
|
+
|
|
925
|
+
.flip .flip-card__bottom,
|
|
926
|
+
.flip .flip-card__bottom-4digits {
|
|
927
|
+
transform-origin: center top;
|
|
928
|
+
animation-fill-mode: both;
|
|
929
|
+
animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
|
|
930
|
+
}
|
|
931
|
+
@keyframes flipTop {
|
|
932
|
+
0% {
|
|
933
|
+
transform: rotateX(0deg);
|
|
934
|
+
z-index: 2;
|
|
935
|
+
}
|
|
936
|
+
0%, 99% {
|
|
937
|
+
opacity: 1;
|
|
938
|
+
}
|
|
939
|
+
100% {
|
|
940
|
+
transform: rotateX(-90deg);
|
|
941
|
+
opacity: 0;
|
|
942
|
+
}
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
@keyframes flipBottom {
|
|
946
|
+
0%, 50% {
|
|
947
|
+
z-index: -1;
|
|
948
|
+
transform: rotateX(90deg);
|
|
949
|
+
opacity: 0;
|
|
950
|
+
}
|
|
951
|
+
51% {
|
|
952
|
+
opacity: 1;
|
|
953
|
+
}
|
|
954
|
+
100% {
|
|
955
|
+
opacity: 1;
|
|
956
|
+
transform: rotateX(0deg);
|
|
957
|
+
z-index: 5;
|
|
958
|
+
}
|
|
959
|
+
}
|
|
960
|
+
|
|
774
961
|
.unika-calendar-box {
|
|
775
962
|
position: relative;
|
|
776
963
|
width: 325px !important;
|
|
@@ -1031,190 +1218,3 @@ button.swiper-pagination-bullet {
|
|
|
1031
1218
|
padding: 0 0px;
|
|
1032
1219
|
border-bottom: 1px solid
|
|
1033
1220
|
}
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
.no-animation__card {
|
|
1037
|
-
font-weight: 500;
|
|
1038
|
-
font-size: var(--countdown-size, 2rem);
|
|
1039
|
-
line-height: 1.5;
|
|
1040
|
-
display: block;
|
|
1041
|
-
color: var(--main-color, #EC685C);
|
|
1042
|
-
}
|
|
1043
|
-
|
|
1044
|
-
.flip-clock {
|
|
1045
|
-
text-align: center;
|
|
1046
|
-
perspective: 600px;
|
|
1047
|
-
margin: 0 auto;
|
|
1048
|
-
}
|
|
1049
|
-
|
|
1050
|
-
.flip-clock *,
|
|
1051
|
-
.flip-clock *:before,
|
|
1052
|
-
.flip-clock *:after {
|
|
1053
|
-
box-sizing: border-box;
|
|
1054
|
-
}
|
|
1055
|
-
|
|
1056
|
-
.flip-clock__piece {
|
|
1057
|
-
display: inline-block;
|
|
1058
|
-
margin: 0 0.2vw;
|
|
1059
|
-
}
|
|
1060
|
-
|
|
1061
|
-
@media (min-width: 1000px) {
|
|
1062
|
-
.flip-clock__piece {
|
|
1063
|
-
margin: 0 5px;
|
|
1064
|
-
}
|
|
1065
|
-
}
|
|
1066
|
-
|
|
1067
|
-
.flip-clock__slot {
|
|
1068
|
-
font-size: var(--label-size, 1rem);
|
|
1069
|
-
line-height: 1.5;
|
|
1070
|
-
display: block;
|
|
1071
|
-
color: var(--label-color, #222222);
|
|
1072
|
-
}
|
|
1073
|
-
|
|
1074
|
-
.flip-card {
|
|
1075
|
-
display: block;
|
|
1076
|
-
position: relative;
|
|
1077
|
-
padding-bottom: 0.72em; /* halfHeight */
|
|
1078
|
-
font-size: var(--countdown-size, 2.25rem);
|
|
1079
|
-
line-height: 0.95;
|
|
1080
|
-
}
|
|
1081
|
-
|
|
1082
|
-
@media (min-width: 1000px) {
|
|
1083
|
-
.flip-clock__slot {
|
|
1084
|
-
font-size: 1.2rem;
|
|
1085
|
-
}
|
|
1086
|
-
|
|
1087
|
-
.flip-card {
|
|
1088
|
-
font-size: 3rem;
|
|
1089
|
-
}
|
|
1090
|
-
}
|
|
1091
|
-
|
|
1092
|
-
.flip-card__top,
|
|
1093
|
-
.flip-card__bottom,
|
|
1094
|
-
.flip-card__back-bottom,
|
|
1095
|
-
.flip-card__back::before,
|
|
1096
|
-
.flip-card__back::after{
|
|
1097
|
-
display: block;
|
|
1098
|
-
height: 0.72em; /* halfHeight */
|
|
1099
|
-
color: var(--main-color, #EC685C);
|
|
1100
|
-
background: var(--main-flip-background-color, #222222);
|
|
1101
|
-
padding: 0.23em 0.15em 0.4em;
|
|
1102
|
-
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
1103
|
-
backface-visibility: hidden;
|
|
1104
|
-
-webkit-backface-visibility: hidden;
|
|
1105
|
-
transform-style: preserve-3d;
|
|
1106
|
-
width: 2.1em;
|
|
1107
|
-
}
|
|
1108
|
-
|
|
1109
|
-
.flip-card__top-4digits,
|
|
1110
|
-
.flip-card__bottom-4digits,
|
|
1111
|
-
.flip-card__back-bottom-4digits,
|
|
1112
|
-
.flip-card__back-4digits::before,
|
|
1113
|
-
.flip-card__back-4digits::after {
|
|
1114
|
-
display: block;
|
|
1115
|
-
height: 0.72em; /* halfHeight */
|
|
1116
|
-
color: var(--main-color, #EC685C);
|
|
1117
|
-
background: var(--main-flip-background-color, #222222);
|
|
1118
|
-
padding: 0.23em 0.15em 0.4em;
|
|
1119
|
-
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
1120
|
-
backface-visibility: hidden;
|
|
1121
|
-
-webkit-backface-visibility: hidden;
|
|
1122
|
-
transform-style: preserve-3d;
|
|
1123
|
-
width: 2.65em;
|
|
1124
|
-
}
|
|
1125
|
-
|
|
1126
|
-
.flip-card__bottom,
|
|
1127
|
-
.flip-card__back-bottom,
|
|
1128
|
-
.flip-card__bottom-4digits,
|
|
1129
|
-
.flip-card__back-bottom-4digits {
|
|
1130
|
-
color: var(--second-flip-color, #EC685C);
|
|
1131
|
-
position: absolute;
|
|
1132
|
-
top: 50%;
|
|
1133
|
-
left: 0;
|
|
1134
|
-
border-top: solid 1px var(--second-flip-background-color, #000);
|
|
1135
|
-
background: var(--second-flip-background-color, #393939);
|
|
1136
|
-
border-radius: 0 0 0.15em 0.15em; /* borderRadius */
|
|
1137
|
-
pointer-events: none;
|
|
1138
|
-
overflow: hidden;
|
|
1139
|
-
z-index: 2;
|
|
1140
|
-
}
|
|
1141
|
-
|
|
1142
|
-
.flip-card__back-bottom,
|
|
1143
|
-
.flip-card__back-bottom-4digits {
|
|
1144
|
-
z-index: 1;
|
|
1145
|
-
}
|
|
1146
|
-
|
|
1147
|
-
.flip-card__bottom::after,
|
|
1148
|
-
.flip-card__back-bottom::after,
|
|
1149
|
-
.flip-card__bottom-4digits::after,
|
|
1150
|
-
.flip-card__back-bottom-4digits::after {
|
|
1151
|
-
display: block;
|
|
1152
|
-
margin-top: -0.72em; /* Negative halfHeight */
|
|
1153
|
-
}
|
|
1154
|
-
.flip-card__back::before,
|
|
1155
|
-
.flip-card__bottom::after,
|
|
1156
|
-
.flip-card__back-bottom::after,
|
|
1157
|
-
.flip-card__back-4digits::before,
|
|
1158
|
-
.flip-card__bottom-4digits::after,
|
|
1159
|
-
.flip-card__back-bottom-4digits::after {
|
|
1160
|
-
content: attr(data-value);
|
|
1161
|
-
}
|
|
1162
|
-
|
|
1163
|
-
.flip-card__back,
|
|
1164
|
-
.flip-card__back-4digits {
|
|
1165
|
-
position: absolute;
|
|
1166
|
-
top: 0;
|
|
1167
|
-
height: 100%;
|
|
1168
|
-
left: 0%;
|
|
1169
|
-
pointer-events: none;
|
|
1170
|
-
}
|
|
1171
|
-
.flip-card__back::before,
|
|
1172
|
-
.flip-card__back-4digits::before {
|
|
1173
|
-
position: relative;
|
|
1174
|
-
overflow: hidden;
|
|
1175
|
-
z-index: -1;
|
|
1176
|
-
}
|
|
1177
|
-
|
|
1178
|
-
.flip .flip-card__back::before,
|
|
1179
|
-
.flip .flip-card__back-4digits::before {
|
|
1180
|
-
z-index: 1;
|
|
1181
|
-
animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
|
|
1182
|
-
animation-fill-mode: both;
|
|
1183
|
-
transform-origin: center bottom;
|
|
1184
|
-
}
|
|
1185
|
-
|
|
1186
|
-
.flip .flip-card__bottom,
|
|
1187
|
-
.flip .flip-card__bottom-4digits {
|
|
1188
|
-
transform-origin: center top;
|
|
1189
|
-
animation-fill-mode: both;
|
|
1190
|
-
animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
|
|
1191
|
-
}
|
|
1192
|
-
@keyframes flipTop {
|
|
1193
|
-
0% {
|
|
1194
|
-
transform: rotateX(0deg);
|
|
1195
|
-
z-index: 2;
|
|
1196
|
-
}
|
|
1197
|
-
0%, 99% {
|
|
1198
|
-
opacity: 1;
|
|
1199
|
-
}
|
|
1200
|
-
100% {
|
|
1201
|
-
transform: rotateX(-90deg);
|
|
1202
|
-
opacity: 0;
|
|
1203
|
-
}
|
|
1204
|
-
}
|
|
1205
|
-
|
|
1206
|
-
@keyframes flipBottom {
|
|
1207
|
-
0%, 50% {
|
|
1208
|
-
z-index: -1;
|
|
1209
|
-
transform: rotateX(90deg);
|
|
1210
|
-
opacity: 0;
|
|
1211
|
-
}
|
|
1212
|
-
51% {
|
|
1213
|
-
opacity: 1;
|
|
1214
|
-
}
|
|
1215
|
-
100% {
|
|
1216
|
-
opacity: 1;
|
|
1217
|
-
transform: rotateX(0deg);
|
|
1218
|
-
z-index: 5;
|
|
1219
|
-
}
|
|
1220
|
-
}
|
|
@@ -4993,7 +4993,7 @@ const commonDefaultProps = {
|
|
|
4993
4993
|
paddingBottom: '0px',
|
|
4994
4994
|
// border type
|
|
4995
4995
|
borderStyle: 'none',
|
|
4996
|
-
borderColor: '#
|
|
4996
|
+
borderColor: '#000000',
|
|
4997
4997
|
borderWidth: '0',
|
|
4998
4998
|
borderRadius: '0',
|
|
4999
4999
|
// shadow and opacity
|
|
@@ -5001,9 +5001,8 @@ const commonDefaultProps = {
|
|
|
5001
5001
|
opacity: 1,
|
|
5002
5002
|
// position and x,y
|
|
5003
5003
|
position: 'absolute',
|
|
5004
|
-
left: '
|
|
5005
|
-
top: '
|
|
5006
|
-
right: '0',
|
|
5004
|
+
left: '0px',
|
|
5005
|
+
top: '0px',
|
|
5007
5006
|
transform: 'rotate(0deg)'
|
|
5008
5007
|
};
|
|
5009
5008
|
const textDefaultProps = {
|
|
@@ -5038,10 +5037,8 @@ const backgroundDefaultProps = {
|
|
|
5038
5037
|
backgroundPosition: '50% 50%',
|
|
5039
5038
|
zIndex: 0,
|
|
5040
5039
|
position: 'absolute',
|
|
5041
|
-
|
|
5042
|
-
|
|
5043
|
-
top: 0,
|
|
5044
|
-
bottom: 0,
|
|
5040
|
+
left: '0px',
|
|
5041
|
+
top: '0px',
|
|
5045
5042
|
width: '100%',
|
|
5046
5043
|
height: '100%',
|
|
5047
5044
|
overflow: 'hidden',
|
|
@@ -5091,16 +5088,16 @@ const buildUpDefaultProps = {
|
|
|
5091
5088
|
const calendarDefaultProps = {
|
|
5092
5089
|
left: '25px',
|
|
5093
5090
|
top: '204.5px',
|
|
5094
|
-
size: 'middle',
|
|
5095
5091
|
opacity: 1,
|
|
5096
5092
|
position: 'absolute',
|
|
5097
|
-
backgroundColor: 'rgb(255, 255, 255)',
|
|
5098
5093
|
borderRadius: '0px',
|
|
5099
5094
|
borderColor: 'rgb(237, 85, 102)',
|
|
5100
5095
|
borderStyle: 'solid',
|
|
5101
5096
|
borderWidth: '2px',
|
|
5102
5097
|
width: '325px',
|
|
5103
5098
|
height: '325px',
|
|
5099
|
+
backgroundColor: 'rgb(255, 255, 255)',
|
|
5100
|
+
size: 'middle',
|
|
5104
5101
|
date: '2024-05-21',
|
|
5105
5102
|
dateColor: '#000000',
|
|
5106
5103
|
themeColor: 'rgb(237, 85, 102)',
|
|
@@ -5124,6 +5121,7 @@ const countdownDefaultProps = {
|
|
|
5124
5121
|
size: 'small',
|
|
5125
5122
|
flipAnimation: true,
|
|
5126
5123
|
deadline: '2024-09-21 12:00:00',
|
|
5124
|
+
transform: 'rotate(0deg)',
|
|
5127
5125
|
display: 'flex',
|
|
5128
5126
|
alignItems: 'center',
|
|
5129
5127
|
justifyContent: 'center' /* 水平居中,可选 */
|
|
@@ -5213,9 +5211,9 @@ const registerFormDefaultProps = {
|
|
|
5213
5211
|
borderStyle: 'solid',
|
|
5214
5212
|
borderWidth: '2px',
|
|
5215
5213
|
borderColor: 'blue',
|
|
5214
|
+
opacity: 1,
|
|
5216
5215
|
backgroundColor: 'rgb(33, 147, 255)',
|
|
5217
5216
|
attendanceTimeList: ['Evening'],
|
|
5218
|
-
opacity: 1,
|
|
5219
5217
|
isPhoneNumber: true,
|
|
5220
5218
|
buttonBackgroundColor: 'blue',
|
|
5221
5219
|
buttonFontColor: 'black',
|
|
@@ -26323,7 +26321,7 @@ script$8.install = (app) => {
|
|
|
26323
26321
|
};
|
|
26324
26322
|
|
|
26325
26323
|
const defaultProps$6 = transformToComponentProps(componentsDefaultProps['uni-effect'].props, isEditingProp);
|
|
26326
|
-
const defaultStyles$5 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead');
|
|
26324
|
+
const defaultStyles$5 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead', 'id');
|
|
26327
26325
|
// import Particles from './Particles.vue'
|
|
26328
26326
|
// array that contains style props
|
|
26329
26327
|
var script$7 = defineComponent({
|
|
@@ -54132,9 +54130,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
54132
54130
|
style: normalizeStyle$1(_ctx.styleProps),
|
|
54133
54131
|
class: "uni-register-form-component inner-component"
|
|
54134
54132
|
}, [
|
|
54135
|
-
|
|
54136
|
-
style: normalizeStyle$1({ color: _ctx.titleFontColor, textAlign: 'center' })
|
|
54137
|
-
}, "出席人数登记表单", 4 /* STYLE */),
|
|
54133
|
+
createCommentVNode(" <h3 :style=\"{ color: titleFontColor, textAlign: 'center' }\">出席人数登记表单</h3>"),
|
|
54138
54134
|
createVNode(_component_a_form, {
|
|
54139
54135
|
"label-col": _ctx.labelCol,
|
|
54140
54136
|
"wrapper-col": _ctx.wrapperCol,
|
|
@@ -5000,7 +5000,7 @@
|
|
|
5000
5000
|
paddingBottom: '0px',
|
|
5001
5001
|
// border type
|
|
5002
5002
|
borderStyle: 'none',
|
|
5003
|
-
borderColor: '#
|
|
5003
|
+
borderColor: '#000000',
|
|
5004
5004
|
borderWidth: '0',
|
|
5005
5005
|
borderRadius: '0',
|
|
5006
5006
|
// shadow and opacity
|
|
@@ -5008,9 +5008,8 @@
|
|
|
5008
5008
|
opacity: 1,
|
|
5009
5009
|
// position and x,y
|
|
5010
5010
|
position: 'absolute',
|
|
5011
|
-
left: '
|
|
5012
|
-
top: '
|
|
5013
|
-
right: '0',
|
|
5011
|
+
left: '0px',
|
|
5012
|
+
top: '0px',
|
|
5014
5013
|
transform: 'rotate(0deg)'
|
|
5015
5014
|
};
|
|
5016
5015
|
const textDefaultProps = {
|
|
@@ -5045,10 +5044,8 @@
|
|
|
5045
5044
|
backgroundPosition: '50% 50%',
|
|
5046
5045
|
zIndex: 0,
|
|
5047
5046
|
position: 'absolute',
|
|
5048
|
-
|
|
5049
|
-
|
|
5050
|
-
top: 0,
|
|
5051
|
-
bottom: 0,
|
|
5047
|
+
left: '0px',
|
|
5048
|
+
top: '0px',
|
|
5052
5049
|
width: '100%',
|
|
5053
5050
|
height: '100%',
|
|
5054
5051
|
overflow: 'hidden',
|
|
@@ -5098,16 +5095,16 @@
|
|
|
5098
5095
|
const calendarDefaultProps = {
|
|
5099
5096
|
left: '25px',
|
|
5100
5097
|
top: '204.5px',
|
|
5101
|
-
size: 'middle',
|
|
5102
5098
|
opacity: 1,
|
|
5103
5099
|
position: 'absolute',
|
|
5104
|
-
backgroundColor: 'rgb(255, 255, 255)',
|
|
5105
5100
|
borderRadius: '0px',
|
|
5106
5101
|
borderColor: 'rgb(237, 85, 102)',
|
|
5107
5102
|
borderStyle: 'solid',
|
|
5108
5103
|
borderWidth: '2px',
|
|
5109
5104
|
width: '325px',
|
|
5110
5105
|
height: '325px',
|
|
5106
|
+
backgroundColor: 'rgb(255, 255, 255)',
|
|
5107
|
+
size: 'middle',
|
|
5111
5108
|
date: '2024-05-21',
|
|
5112
5109
|
dateColor: '#000000',
|
|
5113
5110
|
themeColor: 'rgb(237, 85, 102)',
|
|
@@ -5131,6 +5128,7 @@
|
|
|
5131
5128
|
size: 'small',
|
|
5132
5129
|
flipAnimation: true,
|
|
5133
5130
|
deadline: '2024-09-21 12:00:00',
|
|
5131
|
+
transform: 'rotate(0deg)',
|
|
5134
5132
|
display: 'flex',
|
|
5135
5133
|
alignItems: 'center',
|
|
5136
5134
|
justifyContent: 'center' /* 水平居中,可选 */
|
|
@@ -5220,9 +5218,9 @@
|
|
|
5220
5218
|
borderStyle: 'solid',
|
|
5221
5219
|
borderWidth: '2px',
|
|
5222
5220
|
borderColor: 'blue',
|
|
5221
|
+
opacity: 1,
|
|
5223
5222
|
backgroundColor: 'rgb(33, 147, 255)',
|
|
5224
5223
|
attendanceTimeList: ['Evening'],
|
|
5225
|
-
opacity: 1,
|
|
5226
5224
|
isPhoneNumber: true,
|
|
5227
5225
|
buttonBackgroundColor: 'blue',
|
|
5228
5226
|
buttonFontColor: 'black',
|
|
@@ -26330,7 +26328,7 @@
|
|
|
26330
26328
|
};
|
|
26331
26329
|
|
|
26332
26330
|
const defaultProps$6 = transformToComponentProps(componentsDefaultProps['uni-effect'].props, isEditingProp);
|
|
26333
|
-
const defaultStyles$5 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead');
|
|
26331
|
+
const defaultStyles$5 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead', 'id');
|
|
26334
26332
|
// import Particles from './Particles.vue'
|
|
26335
26333
|
// array that contains style props
|
|
26336
26334
|
var script$7 = vue.defineComponent({
|
|
@@ -54139,9 +54137,7 @@ summary tabindex target title type usemap value width wmode wrap`;
|
|
|
54139
54137
|
style: vue.normalizeStyle(_ctx.styleProps),
|
|
54140
54138
|
class: "uni-register-form-component inner-component"
|
|
54141
54139
|
}, [
|
|
54142
|
-
vue.
|
|
54143
|
-
style: vue.normalizeStyle({ color: _ctx.titleFontColor, textAlign: 'center' })
|
|
54144
|
-
}, "出席人数登记表单", 4 /* STYLE */),
|
|
54140
|
+
vue.createCommentVNode(" <h3 :style=\"{ color: titleFontColor, textAlign: 'center' }\">出席人数登记表单</h3>"),
|
|
54145
54141
|
vue.createVNode(_component_a_form, {
|
|
54146
54142
|
"label-col": _ctx.labelCol,
|
|
54147
54143
|
"wrapper-col": _ctx.wrapperCol,
|