unika-components 1.0.142 → 1.0.143
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,33 +1,6 @@
|
|
|
1
|
+
export declare const defaultStyles: string[];
|
|
1
2
|
declare const _default: import("vue").DefineComponent<{
|
|
2
|
-
|
|
3
|
-
type: NumberConstructor;
|
|
4
|
-
default: number;
|
|
5
|
-
};
|
|
6
|
-
shape: {
|
|
7
|
-
type: {
|
|
8
|
-
(arrayLength: number): string[];
|
|
9
|
-
(...items: string[]): string[];
|
|
10
|
-
new (arrayLength: number): string[];
|
|
11
|
-
new (...items: string[]): string[];
|
|
12
|
-
isArray(arg: any): arg is any[];
|
|
13
|
-
readonly prototype: any[];
|
|
14
|
-
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
15
|
-
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
|
|
16
|
-
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
|
|
17
|
-
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
|
|
18
|
-
of<T_4>(...items: T_4[]): T_4[];
|
|
19
|
-
readonly [Symbol.species]: ArrayConstructor;
|
|
20
|
-
};
|
|
21
|
-
default: string[];
|
|
22
|
-
};
|
|
23
|
-
number: {
|
|
24
|
-
type: NumberConstructor;
|
|
25
|
-
default: number;
|
|
26
|
-
};
|
|
27
|
-
spead: {
|
|
28
|
-
type: NumberConstructor;
|
|
29
|
-
default: number;
|
|
30
|
-
};
|
|
3
|
+
[x: string]: any;
|
|
31
4
|
}, {
|
|
32
5
|
styleProps: import("vue").ComputedRef<Pick<any, string>>;
|
|
33
6
|
handleClick: () => void;
|
|
@@ -48,19 +21,19 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
48
21
|
};
|
|
49
22
|
size: boolean;
|
|
50
23
|
speed: {
|
|
51
|
-
min:
|
|
52
|
-
max:
|
|
24
|
+
min: any;
|
|
25
|
+
max: any;
|
|
53
26
|
};
|
|
54
27
|
};
|
|
55
28
|
number: {
|
|
56
|
-
value:
|
|
29
|
+
value: any;
|
|
57
30
|
density: {
|
|
58
31
|
enable: boolean;
|
|
59
32
|
area: number;
|
|
60
33
|
};
|
|
61
34
|
};
|
|
62
35
|
opacity: {
|
|
63
|
-
value:
|
|
36
|
+
value: any;
|
|
64
37
|
animation: {
|
|
65
38
|
enable: boolean;
|
|
66
39
|
startValue: string;
|
|
@@ -95,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
95
68
|
};
|
|
96
69
|
};
|
|
97
70
|
shape: {
|
|
98
|
-
type:
|
|
71
|
+
type: any;
|
|
99
72
|
options: {
|
|
100
73
|
polygon: {
|
|
101
74
|
sides: number;
|
|
@@ -153,39 +126,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
153
126
|
};
|
|
154
127
|
};
|
|
155
128
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
156
|
-
|
|
157
|
-
type: NumberConstructor;
|
|
158
|
-
default: number;
|
|
159
|
-
};
|
|
160
|
-
shape: {
|
|
161
|
-
type: {
|
|
162
|
-
(arrayLength: number): string[];
|
|
163
|
-
(...items: string[]): string[];
|
|
164
|
-
new (arrayLength: number): string[];
|
|
165
|
-
new (...items: string[]): string[];
|
|
166
|
-
isArray(arg: any): arg is any[];
|
|
167
|
-
readonly prototype: any[];
|
|
168
|
-
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
169
|
-
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
|
|
170
|
-
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
|
|
171
|
-
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
|
|
172
|
-
of<T_4>(...items: T_4[]): T_4[];
|
|
173
|
-
readonly [Symbol.species]: ArrayConstructor;
|
|
174
|
-
};
|
|
175
|
-
default: string[];
|
|
176
|
-
};
|
|
177
|
-
number: {
|
|
178
|
-
type: NumberConstructor;
|
|
179
|
-
default: number;
|
|
180
|
-
};
|
|
181
|
-
spead: {
|
|
182
|
-
type: NumberConstructor;
|
|
183
|
-
default: number;
|
|
184
|
-
};
|
|
129
|
+
[x: string]: any;
|
|
185
130
|
}>>, {
|
|
186
|
-
|
|
187
|
-
opacity: number;
|
|
188
|
-
shape: string[];
|
|
189
|
-
spead: number;
|
|
131
|
+
[x: string]: any;
|
|
190
132
|
}, {}>;
|
|
191
133
|
export default _default;
|
|
@@ -3,6 +3,52 @@
|
|
|
3
3
|
max-width: 100%;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
+
h2.uni-text-component, p.uni-text-component {
|
|
7
|
+
margin-bottom: 0;
|
|
8
|
+
}
|
|
9
|
+
button.uni-text-component {
|
|
10
|
+
padding: 5px 10px;
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
}
|
|
13
|
+
.uni-text-component {
|
|
14
|
+
box-sizing: border-box;
|
|
15
|
+
white-space: pre-wrap;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
.uni-calendar-component {
|
|
20
|
+
|
|
21
|
+
}
|
|
22
|
+
.slot-number {
|
|
23
|
+
position: absolute;
|
|
24
|
+
bottom: 2px;
|
|
25
|
+
left: 7px;
|
|
26
|
+
font-size: 12px;
|
|
27
|
+
color: #666
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.like-button {
|
|
31
|
+
display: flex;
|
|
32
|
+
flex-direction: column;
|
|
33
|
+
align-items: center;
|
|
34
|
+
cursor: pointer;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.icon-heart {
|
|
38
|
+
font-size: 24px;
|
|
39
|
+
color: #e74c3c;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.liked {
|
|
43
|
+
color: #f00; /* 更改颜色以示已赞 */
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.like-count {
|
|
47
|
+
margin-top: 4px;
|
|
48
|
+
font-size: 16px;
|
|
49
|
+
color: #333;
|
|
50
|
+
}
|
|
51
|
+
|
|
6
52
|
.slide-guide {
|
|
7
53
|
position: absolute;
|
|
8
54
|
bottom: 90px;
|
|
@@ -75,18 +121,6 @@ body, html {
|
|
|
75
121
|
transform: translate3d(-50%, -50%, 0);
|
|
76
122
|
}
|
|
77
123
|
}
|
|
78
|
-
|
|
79
|
-
h2.uni-text-component, p.uni-text-component {
|
|
80
|
-
margin-bottom: 0;
|
|
81
|
-
}
|
|
82
|
-
button.uni-text-component {
|
|
83
|
-
padding: 5px 10px;
|
|
84
|
-
cursor: pointer;
|
|
85
|
-
}
|
|
86
|
-
.uni-text-component {
|
|
87
|
-
box-sizing: border-box;
|
|
88
|
-
white-space: pre-wrap;
|
|
89
|
-
}
|
|
90
124
|
|
|
91
125
|
.uni-video-component {
|
|
92
126
|
position: relative;
|
|
@@ -109,16 +143,9 @@ button.uni-text-component {
|
|
|
109
143
|
background: rgba(0, 0, 0, 0.8);
|
|
110
144
|
}
|
|
111
145
|
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
}
|
|
116
|
-
.slot-number {
|
|
117
|
-
position: absolute;
|
|
118
|
-
bottom: 2px;
|
|
119
|
-
left: 7px;
|
|
120
|
-
font-size: 12px;
|
|
121
|
-
color: #666
|
|
146
|
+
.effect {
|
|
147
|
+
width: 100%;
|
|
148
|
+
height: 100%;
|
|
122
149
|
}
|
|
123
150
|
|
|
124
151
|
.ant-input-number {
|
|
@@ -156,33 +183,6 @@ button.uni-text-component {
|
|
|
156
183
|
vertical-align: top;
|
|
157
184
|
}
|
|
158
185
|
|
|
159
|
-
.like-button {
|
|
160
|
-
display: flex;
|
|
161
|
-
flex-direction: column;
|
|
162
|
-
align-items: center;
|
|
163
|
-
cursor: pointer;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
.icon-heart {
|
|
167
|
-
font-size: 24px;
|
|
168
|
-
color: #e74c3c;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
.liked {
|
|
172
|
-
color: #f00; /* 更改颜色以示已赞 */
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
.like-count {
|
|
176
|
-
margin-top: 4px;
|
|
177
|
-
font-size: 16px;
|
|
178
|
-
color: #333;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
.effect {
|
|
182
|
-
width: 100%;
|
|
183
|
-
height: 100%;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
186
|
.swiper-warp {
|
|
187
187
|
width: 100%;
|
|
188
188
|
height: 100%;
|
|
@@ -744,193 +744,6 @@ button.swiper-pagination-bullet {
|
|
|
744
744
|
backface-visibility: hidden;
|
|
745
745
|
}
|
|
746
746
|
|
|
747
|
-
|
|
748
|
-
.no-animation__card {
|
|
749
|
-
font-weight: 500;
|
|
750
|
-
font-size: var(--countdown-size, 2rem);
|
|
751
|
-
line-height: 1.5;
|
|
752
|
-
display: block;
|
|
753
|
-
color: var(--main-color, #EC685C);
|
|
754
|
-
}
|
|
755
|
-
|
|
756
|
-
.flip-clock {
|
|
757
|
-
text-align: center;
|
|
758
|
-
perspective: 600px;
|
|
759
|
-
margin: 0 auto;
|
|
760
|
-
}
|
|
761
|
-
|
|
762
|
-
.flip-clock *,
|
|
763
|
-
.flip-clock *:before,
|
|
764
|
-
.flip-clock *:after {
|
|
765
|
-
box-sizing: border-box;
|
|
766
|
-
}
|
|
767
|
-
|
|
768
|
-
.flip-clock__piece {
|
|
769
|
-
display: inline-block;
|
|
770
|
-
margin: 0 0.2vw;
|
|
771
|
-
}
|
|
772
|
-
|
|
773
|
-
@media (min-width: 1000px) {
|
|
774
|
-
.flip-clock__piece {
|
|
775
|
-
margin: 0 5px;
|
|
776
|
-
}
|
|
777
|
-
}
|
|
778
|
-
|
|
779
|
-
.flip-clock__slot {
|
|
780
|
-
font-size: var(--label-size, 1rem);
|
|
781
|
-
line-height: 1.5;
|
|
782
|
-
display: block;
|
|
783
|
-
color: var(--label-color, #222222);
|
|
784
|
-
}
|
|
785
|
-
|
|
786
|
-
.flip-card {
|
|
787
|
-
display: block;
|
|
788
|
-
position: relative;
|
|
789
|
-
padding-bottom: 0.72em; /* halfHeight */
|
|
790
|
-
font-size: var(--countdown-size, 2.25rem);
|
|
791
|
-
line-height: 0.95;
|
|
792
|
-
}
|
|
793
|
-
|
|
794
|
-
@media (min-width: 1000px) {
|
|
795
|
-
.flip-clock__slot {
|
|
796
|
-
font-size: 1.2rem;
|
|
797
|
-
}
|
|
798
|
-
|
|
799
|
-
.flip-card {
|
|
800
|
-
font-size: 3rem;
|
|
801
|
-
}
|
|
802
|
-
}
|
|
803
|
-
|
|
804
|
-
.flip-card__top,
|
|
805
|
-
.flip-card__bottom,
|
|
806
|
-
.flip-card__back-bottom,
|
|
807
|
-
.flip-card__back::before,
|
|
808
|
-
.flip-card__back::after{
|
|
809
|
-
display: block;
|
|
810
|
-
height: 0.72em; /* halfHeight */
|
|
811
|
-
color: var(--main-color, #EC685C);
|
|
812
|
-
background: var(--main-flip-background-color, #222222);
|
|
813
|
-
padding: 0.23em 0.15em 0.4em;
|
|
814
|
-
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
815
|
-
backface-visibility: hidden;
|
|
816
|
-
-webkit-backface-visibility: hidden;
|
|
817
|
-
transform-style: preserve-3d;
|
|
818
|
-
width: 2.1em;
|
|
819
|
-
}
|
|
820
|
-
|
|
821
|
-
.flip-card__top-4digits,
|
|
822
|
-
.flip-card__bottom-4digits,
|
|
823
|
-
.flip-card__back-bottom-4digits,
|
|
824
|
-
.flip-card__back-4digits::before,
|
|
825
|
-
.flip-card__back-4digits::after {
|
|
826
|
-
display: block;
|
|
827
|
-
height: 0.72em; /* halfHeight */
|
|
828
|
-
color: var(--main-color, #EC685C);
|
|
829
|
-
background: var(--main-flip-background-color, #222222);
|
|
830
|
-
padding: 0.23em 0.15em 0.4em;
|
|
831
|
-
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
832
|
-
backface-visibility: hidden;
|
|
833
|
-
-webkit-backface-visibility: hidden;
|
|
834
|
-
transform-style: preserve-3d;
|
|
835
|
-
width: 2.65em;
|
|
836
|
-
}
|
|
837
|
-
|
|
838
|
-
.flip-card__bottom,
|
|
839
|
-
.flip-card__back-bottom,
|
|
840
|
-
.flip-card__bottom-4digits,
|
|
841
|
-
.flip-card__back-bottom-4digits {
|
|
842
|
-
color: var(--second-flip-color, #EC685C);
|
|
843
|
-
position: absolute;
|
|
844
|
-
top: 50%;
|
|
845
|
-
left: 0;
|
|
846
|
-
border-top: solid 1px var(--second-flip-background-color, #000);
|
|
847
|
-
background: var(--second-flip-background-color, #393939);
|
|
848
|
-
border-radius: 0 0 0.15em 0.15em; /* borderRadius */
|
|
849
|
-
pointer-events: none;
|
|
850
|
-
overflow: hidden;
|
|
851
|
-
z-index: 2;
|
|
852
|
-
}
|
|
853
|
-
|
|
854
|
-
.flip-card__back-bottom,
|
|
855
|
-
.flip-card__back-bottom-4digits {
|
|
856
|
-
z-index: 1;
|
|
857
|
-
}
|
|
858
|
-
|
|
859
|
-
.flip-card__bottom::after,
|
|
860
|
-
.flip-card__back-bottom::after,
|
|
861
|
-
.flip-card__bottom-4digits::after,
|
|
862
|
-
.flip-card__back-bottom-4digits::after {
|
|
863
|
-
display: block;
|
|
864
|
-
margin-top: -0.72em; /* Negative halfHeight */
|
|
865
|
-
}
|
|
866
|
-
.flip-card__back::before,
|
|
867
|
-
.flip-card__bottom::after,
|
|
868
|
-
.flip-card__back-bottom::after,
|
|
869
|
-
.flip-card__back-4digits::before,
|
|
870
|
-
.flip-card__bottom-4digits::after,
|
|
871
|
-
.flip-card__back-bottom-4digits::after {
|
|
872
|
-
content: attr(data-value);
|
|
873
|
-
}
|
|
874
|
-
|
|
875
|
-
.flip-card__back,
|
|
876
|
-
.flip-card__back-4digits {
|
|
877
|
-
position: absolute;
|
|
878
|
-
top: 0;
|
|
879
|
-
height: 100%;
|
|
880
|
-
left: 0%;
|
|
881
|
-
pointer-events: none;
|
|
882
|
-
}
|
|
883
|
-
.flip-card__back::before,
|
|
884
|
-
.flip-card__back-4digits::before {
|
|
885
|
-
position: relative;
|
|
886
|
-
overflow: hidden;
|
|
887
|
-
z-index: -1;
|
|
888
|
-
}
|
|
889
|
-
|
|
890
|
-
.flip .flip-card__back::before,
|
|
891
|
-
.flip .flip-card__back-4digits::before {
|
|
892
|
-
z-index: 1;
|
|
893
|
-
animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
|
|
894
|
-
animation-fill-mode: both;
|
|
895
|
-
transform-origin: center bottom;
|
|
896
|
-
}
|
|
897
|
-
|
|
898
|
-
.flip .flip-card__bottom,
|
|
899
|
-
.flip .flip-card__bottom-4digits {
|
|
900
|
-
transform-origin: center top;
|
|
901
|
-
animation-fill-mode: both;
|
|
902
|
-
animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
|
|
903
|
-
}
|
|
904
|
-
@keyframes flipTop {
|
|
905
|
-
0% {
|
|
906
|
-
transform: rotateX(0deg);
|
|
907
|
-
z-index: 2;
|
|
908
|
-
}
|
|
909
|
-
0%, 99% {
|
|
910
|
-
opacity: 1;
|
|
911
|
-
}
|
|
912
|
-
100% {
|
|
913
|
-
transform: rotateX(-90deg);
|
|
914
|
-
opacity: 0;
|
|
915
|
-
}
|
|
916
|
-
}
|
|
917
|
-
|
|
918
|
-
@keyframes flipBottom {
|
|
919
|
-
0%, 50% {
|
|
920
|
-
z-index: -1;
|
|
921
|
-
transform: rotateX(90deg);
|
|
922
|
-
opacity: 0;
|
|
923
|
-
}
|
|
924
|
-
51% {
|
|
925
|
-
opacity: 1;
|
|
926
|
-
}
|
|
927
|
-
100% {
|
|
928
|
-
opacity: 1;
|
|
929
|
-
transform: rotateX(0deg);
|
|
930
|
-
z-index: 5;
|
|
931
|
-
}
|
|
932
|
-
}
|
|
933
|
-
|
|
934
747
|
.unika-calendar-box {
|
|
935
748
|
position: relative;
|
|
936
749
|
width: 325px !important;
|
|
@@ -1188,3 +1001,190 @@ button.swiper-pagination-bullet {
|
|
|
1188
1001
|
padding: 0 0px;
|
|
1189
1002
|
border-bottom: 1px solid
|
|
1190
1003
|
}
|
|
1004
|
+
|
|
1005
|
+
|
|
1006
|
+
.no-animation__card {
|
|
1007
|
+
font-weight: 500;
|
|
1008
|
+
font-size: var(--countdown-size, 2rem);
|
|
1009
|
+
line-height: 1.5;
|
|
1010
|
+
display: block;
|
|
1011
|
+
color: var(--main-color, #EC685C);
|
|
1012
|
+
}
|
|
1013
|
+
|
|
1014
|
+
.flip-clock {
|
|
1015
|
+
text-align: center;
|
|
1016
|
+
perspective: 600px;
|
|
1017
|
+
margin: 0 auto;
|
|
1018
|
+
}
|
|
1019
|
+
|
|
1020
|
+
.flip-clock *,
|
|
1021
|
+
.flip-clock *:before,
|
|
1022
|
+
.flip-clock *:after {
|
|
1023
|
+
box-sizing: border-box;
|
|
1024
|
+
}
|
|
1025
|
+
|
|
1026
|
+
.flip-clock__piece {
|
|
1027
|
+
display: inline-block;
|
|
1028
|
+
margin: 0 0.2vw;
|
|
1029
|
+
}
|
|
1030
|
+
|
|
1031
|
+
@media (min-width: 1000px) {
|
|
1032
|
+
.flip-clock__piece {
|
|
1033
|
+
margin: 0 5px;
|
|
1034
|
+
}
|
|
1035
|
+
}
|
|
1036
|
+
|
|
1037
|
+
.flip-clock__slot {
|
|
1038
|
+
font-size: var(--label-size, 1rem);
|
|
1039
|
+
line-height: 1.5;
|
|
1040
|
+
display: block;
|
|
1041
|
+
color: var(--label-color, #222222);
|
|
1042
|
+
}
|
|
1043
|
+
|
|
1044
|
+
.flip-card {
|
|
1045
|
+
display: block;
|
|
1046
|
+
position: relative;
|
|
1047
|
+
padding-bottom: 0.72em; /* halfHeight */
|
|
1048
|
+
font-size: var(--countdown-size, 2.25rem);
|
|
1049
|
+
line-height: 0.95;
|
|
1050
|
+
}
|
|
1051
|
+
|
|
1052
|
+
@media (min-width: 1000px) {
|
|
1053
|
+
.flip-clock__slot {
|
|
1054
|
+
font-size: 1.2rem;
|
|
1055
|
+
}
|
|
1056
|
+
|
|
1057
|
+
.flip-card {
|
|
1058
|
+
font-size: 3rem;
|
|
1059
|
+
}
|
|
1060
|
+
}
|
|
1061
|
+
|
|
1062
|
+
.flip-card__top,
|
|
1063
|
+
.flip-card__bottom,
|
|
1064
|
+
.flip-card__back-bottom,
|
|
1065
|
+
.flip-card__back::before,
|
|
1066
|
+
.flip-card__back::after{
|
|
1067
|
+
display: block;
|
|
1068
|
+
height: 0.72em; /* halfHeight */
|
|
1069
|
+
color: var(--main-color, #EC685C);
|
|
1070
|
+
background: var(--main-flip-background-color, #222222);
|
|
1071
|
+
padding: 0.23em 0.15em 0.4em;
|
|
1072
|
+
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
1073
|
+
backface-visibility: hidden;
|
|
1074
|
+
-webkit-backface-visibility: hidden;
|
|
1075
|
+
transform-style: preserve-3d;
|
|
1076
|
+
width: 2.1em;
|
|
1077
|
+
}
|
|
1078
|
+
|
|
1079
|
+
.flip-card__top-4digits,
|
|
1080
|
+
.flip-card__bottom-4digits,
|
|
1081
|
+
.flip-card__back-bottom-4digits,
|
|
1082
|
+
.flip-card__back-4digits::before,
|
|
1083
|
+
.flip-card__back-4digits::after {
|
|
1084
|
+
display: block;
|
|
1085
|
+
height: 0.72em; /* halfHeight */
|
|
1086
|
+
color: var(--main-color, #EC685C);
|
|
1087
|
+
background: var(--main-flip-background-color, #222222);
|
|
1088
|
+
padding: 0.23em 0.15em 0.4em;
|
|
1089
|
+
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
1090
|
+
backface-visibility: hidden;
|
|
1091
|
+
-webkit-backface-visibility: hidden;
|
|
1092
|
+
transform-style: preserve-3d;
|
|
1093
|
+
width: 2.65em;
|
|
1094
|
+
}
|
|
1095
|
+
|
|
1096
|
+
.flip-card__bottom,
|
|
1097
|
+
.flip-card__back-bottom,
|
|
1098
|
+
.flip-card__bottom-4digits,
|
|
1099
|
+
.flip-card__back-bottom-4digits {
|
|
1100
|
+
color: var(--second-flip-color, #EC685C);
|
|
1101
|
+
position: absolute;
|
|
1102
|
+
top: 50%;
|
|
1103
|
+
left: 0;
|
|
1104
|
+
border-top: solid 1px var(--second-flip-background-color, #000);
|
|
1105
|
+
background: var(--second-flip-background-color, #393939);
|
|
1106
|
+
border-radius: 0 0 0.15em 0.15em; /* borderRadius */
|
|
1107
|
+
pointer-events: none;
|
|
1108
|
+
overflow: hidden;
|
|
1109
|
+
z-index: 2;
|
|
1110
|
+
}
|
|
1111
|
+
|
|
1112
|
+
.flip-card__back-bottom,
|
|
1113
|
+
.flip-card__back-bottom-4digits {
|
|
1114
|
+
z-index: 1;
|
|
1115
|
+
}
|
|
1116
|
+
|
|
1117
|
+
.flip-card__bottom::after,
|
|
1118
|
+
.flip-card__back-bottom::after,
|
|
1119
|
+
.flip-card__bottom-4digits::after,
|
|
1120
|
+
.flip-card__back-bottom-4digits::after {
|
|
1121
|
+
display: block;
|
|
1122
|
+
margin-top: -0.72em; /* Negative halfHeight */
|
|
1123
|
+
}
|
|
1124
|
+
.flip-card__back::before,
|
|
1125
|
+
.flip-card__bottom::after,
|
|
1126
|
+
.flip-card__back-bottom::after,
|
|
1127
|
+
.flip-card__back-4digits::before,
|
|
1128
|
+
.flip-card__bottom-4digits::after,
|
|
1129
|
+
.flip-card__back-bottom-4digits::after {
|
|
1130
|
+
content: attr(data-value);
|
|
1131
|
+
}
|
|
1132
|
+
|
|
1133
|
+
.flip-card__back,
|
|
1134
|
+
.flip-card__back-4digits {
|
|
1135
|
+
position: absolute;
|
|
1136
|
+
top: 0;
|
|
1137
|
+
height: 100%;
|
|
1138
|
+
left: 0%;
|
|
1139
|
+
pointer-events: none;
|
|
1140
|
+
}
|
|
1141
|
+
.flip-card__back::before,
|
|
1142
|
+
.flip-card__back-4digits::before {
|
|
1143
|
+
position: relative;
|
|
1144
|
+
overflow: hidden;
|
|
1145
|
+
z-index: -1;
|
|
1146
|
+
}
|
|
1147
|
+
|
|
1148
|
+
.flip .flip-card__back::before,
|
|
1149
|
+
.flip .flip-card__back-4digits::before {
|
|
1150
|
+
z-index: 1;
|
|
1151
|
+
animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
|
|
1152
|
+
animation-fill-mode: both;
|
|
1153
|
+
transform-origin: center bottom;
|
|
1154
|
+
}
|
|
1155
|
+
|
|
1156
|
+
.flip .flip-card__bottom,
|
|
1157
|
+
.flip .flip-card__bottom-4digits {
|
|
1158
|
+
transform-origin: center top;
|
|
1159
|
+
animation-fill-mode: both;
|
|
1160
|
+
animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
|
|
1161
|
+
}
|
|
1162
|
+
@keyframes flipTop {
|
|
1163
|
+
0% {
|
|
1164
|
+
transform: rotateX(0deg);
|
|
1165
|
+
z-index: 2;
|
|
1166
|
+
}
|
|
1167
|
+
0%, 99% {
|
|
1168
|
+
opacity: 1;
|
|
1169
|
+
}
|
|
1170
|
+
100% {
|
|
1171
|
+
transform: rotateX(-90deg);
|
|
1172
|
+
opacity: 0;
|
|
1173
|
+
}
|
|
1174
|
+
}
|
|
1175
|
+
|
|
1176
|
+
@keyframes flipBottom {
|
|
1177
|
+
0%, 50% {
|
|
1178
|
+
z-index: -1;
|
|
1179
|
+
transform: rotateX(90deg);
|
|
1180
|
+
opacity: 0;
|
|
1181
|
+
}
|
|
1182
|
+
51% {
|
|
1183
|
+
opacity: 1;
|
|
1184
|
+
}
|
|
1185
|
+
100% {
|
|
1186
|
+
opacity: 1;
|
|
1187
|
+
transform: rotateX(0deg);
|
|
1188
|
+
z-index: 5;
|
|
1189
|
+
}
|
|
1190
|
+
}
|
|
@@ -5152,11 +5152,11 @@ const likeDefaultProps = {
|
|
|
5152
5152
|
...commonDefaultProps
|
|
5153
5153
|
};
|
|
5154
5154
|
const effectDefaultProps = {
|
|
5155
|
-
width: '
|
|
5156
|
-
height: '
|
|
5155
|
+
width: '375px',
|
|
5156
|
+
height: '595px',
|
|
5157
5157
|
position: 'absolute',
|
|
5158
|
-
left: '
|
|
5159
|
-
top: '
|
|
5158
|
+
left: '0px',
|
|
5159
|
+
top: '69.5px',
|
|
5160
5160
|
opacity: 1,
|
|
5161
5161
|
shape: ['image'],
|
|
5162
5162
|
number: 100,
|
|
@@ -5295,9 +5295,9 @@ const transformToComponentProps = (props, extraProps) => {
|
|
|
5295
5295
|
}
|
|
5296
5296
|
};
|
|
5297
5297
|
|
|
5298
|
-
const defaultStyles$
|
|
5298
|
+
const defaultStyles$5 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
|
|
5299
5299
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
|
|
5300
|
-
const useStylePick = (props, pickStyles = defaultStyles$
|
|
5300
|
+
const useStylePick = (props, pickStyles = defaultStyles$5) => {
|
|
5301
5301
|
return computed(() => pick$1(props, pickStyles));
|
|
5302
5302
|
};
|
|
5303
5303
|
|
|
@@ -13139,7 +13139,7 @@ script$f.install = (app) => {
|
|
|
13139
13139
|
};
|
|
13140
13140
|
|
|
13141
13141
|
const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
|
|
13142
|
-
const defaultStyles$
|
|
13142
|
+
const defaultStyles$4 = Object.keys(backgroundDefaultProps);
|
|
13143
13143
|
// array that contains style props
|
|
13144
13144
|
var script$e = defineComponent({
|
|
13145
13145
|
name: 'uni-background',
|
|
@@ -13147,7 +13147,7 @@ var script$e = defineComponent({
|
|
|
13147
13147
|
...defaultProps$a
|
|
13148
13148
|
},
|
|
13149
13149
|
setup(props) {
|
|
13150
|
-
const styleProps = useStylePick(props, defaultStyles$
|
|
13150
|
+
const styleProps = useStylePick(props, defaultStyles$4);
|
|
13151
13151
|
const handleClick = useComponentClick(props);
|
|
13152
13152
|
return {
|
|
13153
13153
|
styleProps,
|
|
@@ -16026,7 +16026,7 @@ script$c.__scopeId = "data-v-ef842ea2";
|
|
|
16026
16026
|
script$c.__file = "src/components/UniCalendar/Calendar.vue";
|
|
16027
16027
|
|
|
16028
16028
|
const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-calendar'].props, isEditingProp);
|
|
16029
|
-
const defaultStyles$
|
|
16029
|
+
const defaultStyles$3 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'date', 'dateColor', 'themeColor', 'heartColor', 'themeStyle', 'language', 'size');
|
|
16030
16030
|
// 获取当前日期和时间
|
|
16031
16031
|
const now$2 = new Date();
|
|
16032
16032
|
// 添加一天
|
|
@@ -16047,7 +16047,7 @@ var script$b = defineComponent({
|
|
|
16047
16047
|
setup(props) {
|
|
16048
16048
|
// 重用并且简化
|
|
16049
16049
|
// 抽离并且获得 styleProps
|
|
16050
|
-
const styleProps = useStylePick(props, defaultStyles$
|
|
16050
|
+
const styleProps = useStylePick(props, defaultStyles$3);
|
|
16051
16051
|
const handleClick = useComponentClick(props);
|
|
16052
16052
|
const dataList = ref([
|
|
16053
16053
|
{ date: '2028-01-31', value: '' }
|
|
@@ -22237,7 +22237,7 @@ script$a.__scopeId = "data-v-47d33153";
|
|
|
22237
22237
|
script$a.__file = "src/components/UniCountdown/Countdown.vue";
|
|
22238
22238
|
|
|
22239
22239
|
const defaultProps$7 = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
|
|
22240
|
-
const defaultStyles$
|
|
22240
|
+
const defaultStyles$2 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
|
|
22241
22241
|
// 获取当前日期和时间
|
|
22242
22242
|
const now = new Date();
|
|
22243
22243
|
// 添加一天
|
|
@@ -22261,7 +22261,7 @@ var script$9 = defineComponent({
|
|
|
22261
22261
|
setup(props) {
|
|
22262
22262
|
// 重用并且简化
|
|
22263
22263
|
// 抽离并且获得 styleProps
|
|
22264
|
-
const styleProps = useStylePick(props, defaultStyles$
|
|
22264
|
+
const styleProps = useStylePick(props, defaultStyles$2);
|
|
22265
22265
|
const handleClick = useComponentClick(props);
|
|
22266
22266
|
const labelSize = computed(() => {
|
|
22267
22267
|
if (props.size == 'middle') {
|
|
@@ -26195,33 +26195,34 @@ script$6.install = (app) => {
|
|
|
26195
26195
|
};
|
|
26196
26196
|
|
|
26197
26197
|
const defaultProps$3 = transformToComponentProps(componentsDefaultProps['uni-effect'].props, isEditingProp);
|
|
26198
|
+
const defaultStyles$1 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead');
|
|
26198
26199
|
// array that contains style props
|
|
26199
26200
|
var script$5 = defineComponent({
|
|
26200
26201
|
name: 'uni-effect',
|
|
26201
26202
|
props: {
|
|
26202
26203
|
...defaultProps$3,
|
|
26203
|
-
opacity: {
|
|
26204
|
-
|
|
26205
|
-
|
|
26206
|
-
},
|
|
26207
|
-
shape: {
|
|
26208
|
-
|
|
26209
|
-
|
|
26210
|
-
},
|
|
26211
|
-
number: {
|
|
26212
|
-
|
|
26213
|
-
|
|
26214
|
-
},
|
|
26215
|
-
spead: {
|
|
26216
|
-
|
|
26217
|
-
|
|
26218
|
-
}
|
|
26204
|
+
// opacity: {
|
|
26205
|
+
// type: Number,
|
|
26206
|
+
// default: 1 // explosions side bottom single falling
|
|
26207
|
+
// },
|
|
26208
|
+
// shape: {
|
|
26209
|
+
// type: Array<string>,
|
|
26210
|
+
// default: ['circle','square','triangle','polygon','emoji','image']
|
|
26211
|
+
// },
|
|
26212
|
+
// number: {
|
|
26213
|
+
// type: Number,
|
|
26214
|
+
// default: 500
|
|
26215
|
+
// },
|
|
26216
|
+
// spead: {
|
|
26217
|
+
// type: Number,
|
|
26218
|
+
// default: 1
|
|
26219
|
+
// }
|
|
26219
26220
|
},
|
|
26220
26221
|
components: {},
|
|
26221
26222
|
setup(props) {
|
|
26222
26223
|
// 重用并且简化
|
|
26223
26224
|
// 抽离并且获得 styleProps
|
|
26224
|
-
const styleProps = useStylePick(props);
|
|
26225
|
+
const styleProps = useStylePick(props, defaultStyles$1);
|
|
26225
26226
|
const handleClick = useComponentClick(props);
|
|
26226
26227
|
const options = {
|
|
26227
26228
|
"fullScreen": {
|
|
@@ -26523,6 +26524,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
26523
26524
|
const _component_Particles = resolveComponent("Particles");
|
|
26524
26525
|
|
|
26525
26526
|
return (openBlock(), createElementBlock("div", {
|
|
26527
|
+
onClick: _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
|
|
26526
26528
|
style: normalizeStyle$1(_ctx.styleProps),
|
|
26527
26529
|
class: "uni-effect-component"
|
|
26528
26530
|
}, [
|
|
@@ -5159,11 +5159,11 @@
|
|
|
5159
5159
|
...commonDefaultProps
|
|
5160
5160
|
};
|
|
5161
5161
|
const effectDefaultProps = {
|
|
5162
|
-
width: '
|
|
5163
|
-
height: '
|
|
5162
|
+
width: '375px',
|
|
5163
|
+
height: '595px',
|
|
5164
5164
|
position: 'absolute',
|
|
5165
|
-
left: '
|
|
5166
|
-
top: '
|
|
5165
|
+
left: '0px',
|
|
5166
|
+
top: '69.5px',
|
|
5167
5167
|
opacity: 1,
|
|
5168
5168
|
shape: ['image'],
|
|
5169
5169
|
number: 100,
|
|
@@ -5302,9 +5302,9 @@
|
|
|
5302
5302
|
}
|
|
5303
5303
|
};
|
|
5304
5304
|
|
|
5305
|
-
const defaultStyles$
|
|
5305
|
+
const defaultStyles$5 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
|
|
5306
5306
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
|
|
5307
|
-
const useStylePick = (props, pickStyles = defaultStyles$
|
|
5307
|
+
const useStylePick = (props, pickStyles = defaultStyles$5) => {
|
|
5308
5308
|
return vue.computed(() => pick$1(props, pickStyles));
|
|
5309
5309
|
};
|
|
5310
5310
|
|
|
@@ -13146,7 +13146,7 @@
|
|
|
13146
13146
|
};
|
|
13147
13147
|
|
|
13148
13148
|
const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
|
|
13149
|
-
const defaultStyles$
|
|
13149
|
+
const defaultStyles$4 = Object.keys(backgroundDefaultProps);
|
|
13150
13150
|
// array that contains style props
|
|
13151
13151
|
var script$e = vue.defineComponent({
|
|
13152
13152
|
name: 'uni-background',
|
|
@@ -13154,7 +13154,7 @@
|
|
|
13154
13154
|
...defaultProps$a
|
|
13155
13155
|
},
|
|
13156
13156
|
setup(props) {
|
|
13157
|
-
const styleProps = useStylePick(props, defaultStyles$
|
|
13157
|
+
const styleProps = useStylePick(props, defaultStyles$4);
|
|
13158
13158
|
const handleClick = useComponentClick(props);
|
|
13159
13159
|
return {
|
|
13160
13160
|
styleProps,
|
|
@@ -16033,7 +16033,7 @@
|
|
|
16033
16033
|
script$c.__file = "src/components/UniCalendar/Calendar.vue";
|
|
16034
16034
|
|
|
16035
16035
|
const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-calendar'].props, isEditingProp);
|
|
16036
|
-
const defaultStyles$
|
|
16036
|
+
const defaultStyles$3 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'date', 'dateColor', 'themeColor', 'heartColor', 'themeStyle', 'language', 'size');
|
|
16037
16037
|
// 获取当前日期和时间
|
|
16038
16038
|
const now$2 = new Date();
|
|
16039
16039
|
// 添加一天
|
|
@@ -16054,7 +16054,7 @@
|
|
|
16054
16054
|
setup(props) {
|
|
16055
16055
|
// 重用并且简化
|
|
16056
16056
|
// 抽离并且获得 styleProps
|
|
16057
|
-
const styleProps = useStylePick(props, defaultStyles$
|
|
16057
|
+
const styleProps = useStylePick(props, defaultStyles$3);
|
|
16058
16058
|
const handleClick = useComponentClick(props);
|
|
16059
16059
|
const dataList = vue.ref([
|
|
16060
16060
|
{ date: '2028-01-31', value: '' }
|
|
@@ -22244,7 +22244,7 @@
|
|
|
22244
22244
|
script$a.__file = "src/components/UniCountdown/Countdown.vue";
|
|
22245
22245
|
|
|
22246
22246
|
const defaultProps$7 = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
|
|
22247
|
-
const defaultStyles$
|
|
22247
|
+
const defaultStyles$2 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
|
|
22248
22248
|
// 获取当前日期和时间
|
|
22249
22249
|
const now = new Date();
|
|
22250
22250
|
// 添加一天
|
|
@@ -22268,7 +22268,7 @@
|
|
|
22268
22268
|
setup(props) {
|
|
22269
22269
|
// 重用并且简化
|
|
22270
22270
|
// 抽离并且获得 styleProps
|
|
22271
|
-
const styleProps = useStylePick(props, defaultStyles$
|
|
22271
|
+
const styleProps = useStylePick(props, defaultStyles$2);
|
|
22272
22272
|
const handleClick = useComponentClick(props);
|
|
22273
22273
|
const labelSize = vue.computed(() => {
|
|
22274
22274
|
if (props.size == 'middle') {
|
|
@@ -26202,33 +26202,34 @@
|
|
|
26202
26202
|
};
|
|
26203
26203
|
|
|
26204
26204
|
const defaultProps$3 = transformToComponentProps(componentsDefaultProps['uni-effect'].props, isEditingProp);
|
|
26205
|
+
const defaultStyles$1 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead');
|
|
26205
26206
|
// array that contains style props
|
|
26206
26207
|
var script$5 = vue.defineComponent({
|
|
26207
26208
|
name: 'uni-effect',
|
|
26208
26209
|
props: {
|
|
26209
26210
|
...defaultProps$3,
|
|
26210
|
-
opacity: {
|
|
26211
|
-
|
|
26212
|
-
|
|
26213
|
-
},
|
|
26214
|
-
shape: {
|
|
26215
|
-
|
|
26216
|
-
|
|
26217
|
-
},
|
|
26218
|
-
number: {
|
|
26219
|
-
|
|
26220
|
-
|
|
26221
|
-
},
|
|
26222
|
-
spead: {
|
|
26223
|
-
|
|
26224
|
-
|
|
26225
|
-
}
|
|
26211
|
+
// opacity: {
|
|
26212
|
+
// type: Number,
|
|
26213
|
+
// default: 1 // explosions side bottom single falling
|
|
26214
|
+
// },
|
|
26215
|
+
// shape: {
|
|
26216
|
+
// type: Array<string>,
|
|
26217
|
+
// default: ['circle','square','triangle','polygon','emoji','image']
|
|
26218
|
+
// },
|
|
26219
|
+
// number: {
|
|
26220
|
+
// type: Number,
|
|
26221
|
+
// default: 500
|
|
26222
|
+
// },
|
|
26223
|
+
// spead: {
|
|
26224
|
+
// type: Number,
|
|
26225
|
+
// default: 1
|
|
26226
|
+
// }
|
|
26226
26227
|
},
|
|
26227
26228
|
components: {},
|
|
26228
26229
|
setup(props) {
|
|
26229
26230
|
// 重用并且简化
|
|
26230
26231
|
// 抽离并且获得 styleProps
|
|
26231
|
-
const styleProps = useStylePick(props);
|
|
26232
|
+
const styleProps = useStylePick(props, defaultStyles$1);
|
|
26232
26233
|
const handleClick = useComponentClick(props);
|
|
26233
26234
|
const options = {
|
|
26234
26235
|
"fullScreen": {
|
|
@@ -26530,6 +26531,7 @@
|
|
|
26530
26531
|
const _component_Particles = vue.resolveComponent("Particles");
|
|
26531
26532
|
|
|
26532
26533
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
26534
|
+
onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
|
|
26533
26535
|
style: vue.normalizeStyle(_ctx.styleProps),
|
|
26534
26536
|
class: "uni-effect-component"
|
|
26535
26537
|
}, [
|