unika-components 1.0.78 → 1.0.79
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.
|
@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
7
7
|
type: StringConstructor;
|
|
8
8
|
default: string;
|
|
9
9
|
};
|
|
10
|
+
isEditing: {
|
|
11
|
+
type: BooleanConstructor;
|
|
12
|
+
default: boolean;
|
|
13
|
+
};
|
|
10
14
|
}, {
|
|
11
15
|
styleProps: import("vue").ComputedRef<Pick<any, string>>;
|
|
12
16
|
handleClick: () => void;
|
|
@@ -21,8 +25,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
21
25
|
type: StringConstructor;
|
|
22
26
|
default: string;
|
|
23
27
|
};
|
|
28
|
+
isEditing: {
|
|
29
|
+
type: BooleanConstructor;
|
|
30
|
+
default: boolean;
|
|
31
|
+
};
|
|
24
32
|
}>>, {
|
|
25
33
|
mapHtml: string;
|
|
26
34
|
mapUrl: string;
|
|
35
|
+
isEditing: boolean;
|
|
27
36
|
}, {}>;
|
|
28
37
|
export default _default;
|
|
@@ -105,6 +105,7 @@ export declare const commonDefaultProps: {
|
|
|
105
105
|
left: string;
|
|
106
106
|
top: string;
|
|
107
107
|
right: string;
|
|
108
|
+
transform: string;
|
|
108
109
|
};
|
|
109
110
|
export declare const textDefaultProps: {
|
|
110
111
|
actionType: string;
|
|
@@ -125,6 +126,7 @@ export declare const textDefaultProps: {
|
|
|
125
126
|
left: string;
|
|
126
127
|
top: string;
|
|
127
128
|
right: string;
|
|
129
|
+
transform: string;
|
|
128
130
|
text: string;
|
|
129
131
|
fontSize: string;
|
|
130
132
|
fontFamily: string;
|
|
@@ -155,6 +157,7 @@ export declare const imageDefaultProps: {
|
|
|
155
157
|
left: string;
|
|
156
158
|
top: string;
|
|
157
159
|
right: string;
|
|
160
|
+
transform: string;
|
|
158
161
|
imageSrc: string;
|
|
159
162
|
};
|
|
160
163
|
export declare const shapeDefaultProps: {
|
|
@@ -176,6 +179,7 @@ export declare const shapeDefaultProps: {
|
|
|
176
179
|
left: string;
|
|
177
180
|
top: string;
|
|
178
181
|
right: string;
|
|
182
|
+
transform: string;
|
|
179
183
|
backgroundColor: string;
|
|
180
184
|
};
|
|
181
185
|
export declare const backgroundDefaultProps: {
|
|
@@ -208,6 +212,7 @@ export declare const musicDefaultProps: {
|
|
|
208
212
|
left: string;
|
|
209
213
|
top: string;
|
|
210
214
|
right: string;
|
|
215
|
+
transform: string;
|
|
211
216
|
musicSrc: string;
|
|
212
217
|
name: string;
|
|
213
218
|
isPlaying: boolean;
|
|
@@ -311,6 +316,7 @@ export declare const likeDefaultProps: {
|
|
|
311
316
|
left: string;
|
|
312
317
|
top: string;
|
|
313
318
|
right: string;
|
|
319
|
+
transform: string;
|
|
314
320
|
};
|
|
315
321
|
export declare const effectDefaultProps: {
|
|
316
322
|
width: string;
|
|
@@ -322,6 +328,7 @@ export declare const effectDefaultProps: {
|
|
|
322
328
|
shape: string[];
|
|
323
329
|
number: number;
|
|
324
330
|
spead: number;
|
|
331
|
+
transform: string;
|
|
325
332
|
};
|
|
326
333
|
export declare const registerFormDefaultProps: {
|
|
327
334
|
left: string;
|
|
@@ -381,6 +388,7 @@ export declare const componentsDefaultProps: {
|
|
|
381
388
|
left: string;
|
|
382
389
|
top: string;
|
|
383
390
|
right: string;
|
|
391
|
+
transform: string;
|
|
384
392
|
text: string;
|
|
385
393
|
fontSize: string;
|
|
386
394
|
fontFamily: string;
|
|
@@ -413,6 +421,7 @@ export declare const componentsDefaultProps: {
|
|
|
413
421
|
left: string;
|
|
414
422
|
top: string;
|
|
415
423
|
right: string;
|
|
424
|
+
transform: string;
|
|
416
425
|
imageSrc: string;
|
|
417
426
|
};
|
|
418
427
|
};
|
|
@@ -436,6 +445,7 @@ export declare const componentsDefaultProps: {
|
|
|
436
445
|
left: string;
|
|
437
446
|
top: string;
|
|
438
447
|
right: string;
|
|
448
|
+
transform: string;
|
|
439
449
|
backgroundColor: string;
|
|
440
450
|
};
|
|
441
451
|
};
|
|
@@ -472,6 +482,7 @@ export declare const componentsDefaultProps: {
|
|
|
472
482
|
left: string;
|
|
473
483
|
top: string;
|
|
474
484
|
right: string;
|
|
485
|
+
transform: string;
|
|
475
486
|
musicSrc: string;
|
|
476
487
|
name: string;
|
|
477
488
|
isPlaying: boolean;
|
|
@@ -572,6 +583,7 @@ export declare const componentsDefaultProps: {
|
|
|
572
583
|
left: string;
|
|
573
584
|
top: string;
|
|
574
585
|
right: string;
|
|
586
|
+
transform: string;
|
|
575
587
|
};
|
|
576
588
|
};
|
|
577
589
|
'uni-effect': {
|
|
@@ -585,6 +597,7 @@ export declare const componentsDefaultProps: {
|
|
|
585
597
|
shape: string[];
|
|
586
598
|
number: number;
|
|
587
599
|
spead: number;
|
|
600
|
+
transform: string;
|
|
588
601
|
};
|
|
589
602
|
};
|
|
590
603
|
'uni-register-form': {
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
h2.uni-text-component, p.uni-text-component {
|
|
3
|
-
margin-bottom: 0;
|
|
4
|
-
}
|
|
5
|
-
button.uni-text-component {
|
|
6
|
-
padding: 5px 10px;
|
|
7
|
-
cursor: pointer;
|
|
8
|
-
}
|
|
9
|
-
.uni-text-component {
|
|
10
|
-
box-sizing: border-box;
|
|
11
|
-
white-space: pre-wrap;
|
|
12
|
-
}
|
|
13
1
|
|
|
14
2
|
.uni-background-component {
|
|
15
3
|
width: 100%;
|
|
@@ -47,6 +35,10 @@ button.uni-text-component {
|
|
|
47
35
|
opacity: 0.1;
|
|
48
36
|
}
|
|
49
37
|
|
|
38
|
+
.uni-image-component {
|
|
39
|
+
max-width: 100%;
|
|
40
|
+
}
|
|
41
|
+
|
|
50
42
|
.slide-guide {
|
|
51
43
|
position: absolute;
|
|
52
44
|
bottom: 90px;
|
|
@@ -120,6 +112,109 @@ body, html {
|
|
|
120
112
|
}
|
|
121
113
|
}
|
|
122
114
|
|
|
115
|
+
.ant-input-number {
|
|
116
|
+
box-sizing: border-box;
|
|
117
|
+
margin: 0;
|
|
118
|
+
padding: 0;
|
|
119
|
+
color: rgba(0, 0, 0, 0.88);
|
|
120
|
+
font-size: 14px;
|
|
121
|
+
line-height: 1.5714285714285714;
|
|
122
|
+
list-style: none;
|
|
123
|
+
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';
|
|
124
|
+
position: relative;
|
|
125
|
+
display: inline-block;
|
|
126
|
+
width: 100%;
|
|
127
|
+
min-width: 0;
|
|
128
|
+
background-color: #ffffff;
|
|
129
|
+
background-image: none;
|
|
130
|
+
border-width: 1px;
|
|
131
|
+
border-style: solid;
|
|
132
|
+
border-color: #d9d9d9;
|
|
133
|
+
border-radius: 6px;
|
|
134
|
+
transition: all 0.2s;
|
|
135
|
+
border: 1px solid #d9d9d9;
|
|
136
|
+
}
|
|
137
|
+
.ant-form-item {
|
|
138
|
+
box-sizing: border-box;
|
|
139
|
+
margin: 0;
|
|
140
|
+
padding: 0;
|
|
141
|
+
color: rgba(0, 0, 0, 0.88);
|
|
142
|
+
font-size: 14px;
|
|
143
|
+
line-height: 1.5714285714285714;
|
|
144
|
+
list-style: none;
|
|
145
|
+
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';
|
|
146
|
+
margin-bottom: 0px;
|
|
147
|
+
vertical-align: top;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
h2.uni-text-component, p.uni-text-component {
|
|
151
|
+
margin-bottom: 0;
|
|
152
|
+
}
|
|
153
|
+
button.uni-text-component {
|
|
154
|
+
padding: 5px 10px;
|
|
155
|
+
cursor: pointer;
|
|
156
|
+
}
|
|
157
|
+
.uni-text-component {
|
|
158
|
+
box-sizing: border-box;
|
|
159
|
+
white-space: pre-wrap;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.effect {
|
|
163
|
+
width: 100%;
|
|
164
|
+
height: 100%;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.like-button {
|
|
168
|
+
display: flex;
|
|
169
|
+
flex-direction: column;
|
|
170
|
+
align-items: center;
|
|
171
|
+
cursor: pointer;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.icon-heart {
|
|
175
|
+
font-size: 24px;
|
|
176
|
+
color: #e74c3c;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.liked {
|
|
180
|
+
color: #f00; /* 更改颜色以示已赞 */
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.like-count {
|
|
184
|
+
margin-top: 4px;
|
|
185
|
+
font-size: 16px;
|
|
186
|
+
color: #333;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.uni-video-component {
|
|
190
|
+
position: relative;
|
|
191
|
+
text-align: center;
|
|
192
|
+
}
|
|
193
|
+
.play-pause-button {
|
|
194
|
+
position: absolute;
|
|
195
|
+
top: 50%;
|
|
196
|
+
left: 50%;
|
|
197
|
+
transform: translate(-50%, -50%);
|
|
198
|
+
cursor: pointer;
|
|
199
|
+
font-size: 2rem;
|
|
200
|
+
color: #fff;
|
|
201
|
+
background: rgba(0, 0, 0, 0.6);
|
|
202
|
+
border-radius: 50%;
|
|
203
|
+
padding: 10px;
|
|
204
|
+
transition: background 0.3s;
|
|
205
|
+
}
|
|
206
|
+
.play-pause-button:hover {
|
|
207
|
+
background: rgba(0, 0, 0, 0.8);
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
.slot-number {
|
|
211
|
+
position: absolute;
|
|
212
|
+
bottom: 2px;
|
|
213
|
+
left: 7px;
|
|
214
|
+
font-size: 12px;
|
|
215
|
+
color: #666
|
|
216
|
+
}
|
|
217
|
+
|
|
123
218
|
#audio {
|
|
124
219
|
position: absolute;
|
|
125
220
|
right: 10px;
|
|
@@ -214,44 +309,6 @@ body, html {
|
|
|
214
309
|
-webkit-transform: rotate(360deg);
|
|
215
310
|
}
|
|
216
311
|
}
|
|
217
|
-
|
|
218
|
-
.uni-image-component {
|
|
219
|
-
max-width: 100%;
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
.uni-video-component {
|
|
223
|
-
position: relative;
|
|
224
|
-
text-align: center;
|
|
225
|
-
}
|
|
226
|
-
.play-pause-button {
|
|
227
|
-
position: absolute;
|
|
228
|
-
top: 50%;
|
|
229
|
-
left: 50%;
|
|
230
|
-
transform: translate(-50%, -50%);
|
|
231
|
-
cursor: pointer;
|
|
232
|
-
font-size: 2rem;
|
|
233
|
-
color: #fff;
|
|
234
|
-
background: rgba(0, 0, 0, 0.6);
|
|
235
|
-
border-radius: 50%;
|
|
236
|
-
padding: 10px;
|
|
237
|
-
transition: background 0.3s;
|
|
238
|
-
}
|
|
239
|
-
.play-pause-button:hover {
|
|
240
|
-
background: rgba(0, 0, 0, 0.8);
|
|
241
|
-
}
|
|
242
|
-
|
|
243
|
-
.slot-number {
|
|
244
|
-
position: absolute;
|
|
245
|
-
bottom: 2px;
|
|
246
|
-
left: 7px;
|
|
247
|
-
font-size: 12px;
|
|
248
|
-
color: #666
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
.effect {
|
|
252
|
-
width: 100%;
|
|
253
|
-
height: 100%;
|
|
254
|
-
}
|
|
255
312
|
|
|
256
313
|
.swiper-warp {
|
|
257
314
|
width: 100%;
|
|
@@ -266,63 +323,6 @@ body, html {
|
|
|
266
323
|
max-width: 100%;
|
|
267
324
|
max-height: 100%;
|
|
268
325
|
}
|
|
269
|
-
|
|
270
|
-
.like-button {
|
|
271
|
-
display: flex;
|
|
272
|
-
flex-direction: column;
|
|
273
|
-
align-items: center;
|
|
274
|
-
cursor: pointer;
|
|
275
|
-
}
|
|
276
|
-
|
|
277
|
-
.icon-heart {
|
|
278
|
-
font-size: 24px;
|
|
279
|
-
color: #e74c3c;
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
.liked {
|
|
283
|
-
color: #f00; /* 更改颜色以示已赞 */
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
.like-count {
|
|
287
|
-
margin-top: 4px;
|
|
288
|
-
font-size: 16px;
|
|
289
|
-
color: #333;
|
|
290
|
-
}
|
|
291
|
-
|
|
292
|
-
.ant-input-number {
|
|
293
|
-
box-sizing: border-box;
|
|
294
|
-
margin: 0;
|
|
295
|
-
padding: 0;
|
|
296
|
-
color: rgba(0, 0, 0, 0.88);
|
|
297
|
-
font-size: 14px;
|
|
298
|
-
line-height: 1.5714285714285714;
|
|
299
|
-
list-style: none;
|
|
300
|
-
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';
|
|
301
|
-
position: relative;
|
|
302
|
-
display: inline-block;
|
|
303
|
-
width: 100%;
|
|
304
|
-
min-width: 0;
|
|
305
|
-
background-color: #ffffff;
|
|
306
|
-
background-image: none;
|
|
307
|
-
border-width: 1px;
|
|
308
|
-
border-style: solid;
|
|
309
|
-
border-color: #d9d9d9;
|
|
310
|
-
border-radius: 6px;
|
|
311
|
-
transition: all 0.2s;
|
|
312
|
-
border: 1px solid #d9d9d9;
|
|
313
|
-
}
|
|
314
|
-
.ant-form-item {
|
|
315
|
-
box-sizing: border-box;
|
|
316
|
-
margin: 0;
|
|
317
|
-
padding: 0;
|
|
318
|
-
color: rgba(0, 0, 0, 0.88);
|
|
319
|
-
font-size: 14px;
|
|
320
|
-
line-height: 1.5714285714285714;
|
|
321
|
-
list-style: none;
|
|
322
|
-
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';
|
|
323
|
-
margin-bottom: 0px;
|
|
324
|
-
vertical-align: top;
|
|
325
|
-
}
|
|
326
326
|
/**
|
|
327
327
|
* Swiper 6.8.4
|
|
328
328
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
@@ -871,34 +871,221 @@ button.swiper-pagination-bullet {
|
|
|
871
871
|
backface-visibility: hidden;
|
|
872
872
|
}
|
|
873
873
|
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
874
|
+
|
|
875
|
+
.no-animation__card {
|
|
876
|
+
font-weight: 500;
|
|
877
|
+
font-size: var(--countdown-size, 2rem);
|
|
878
|
+
line-height: 1.5;
|
|
879
|
+
display: block;
|
|
880
|
+
color: var(--main-color, #EC685C);
|
|
877
881
|
}
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
-ms-flex-pack: justify;
|
|
884
|
-
justify-content: space-between;
|
|
885
|
-
-webkit-box-align: end;
|
|
886
|
-
-ms-flex-align: end;
|
|
887
|
-
align-items: flex-end;
|
|
888
|
-
line-height: 1;
|
|
889
|
-
padding: 0 47px 20px;
|
|
882
|
+
|
|
883
|
+
.flip-clock {
|
|
884
|
+
text-align: center;
|
|
885
|
+
perspective: 600px;
|
|
886
|
+
margin: 0 auto;
|
|
890
887
|
}
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
888
|
+
|
|
889
|
+
.flip-clock *,
|
|
890
|
+
.flip-clock *:before,
|
|
891
|
+
.flip-clock *:after {
|
|
892
|
+
box-sizing: border-box;
|
|
894
893
|
}
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
display: -
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
894
|
+
|
|
895
|
+
.flip-clock__piece {
|
|
896
|
+
display: inline-block;
|
|
897
|
+
margin: 0 0.2vw;
|
|
898
|
+
}
|
|
899
|
+
|
|
900
|
+
@media (min-width: 1000px) {
|
|
901
|
+
.flip-clock__piece {
|
|
902
|
+
margin: 0 5px;
|
|
903
|
+
}
|
|
904
|
+
}
|
|
905
|
+
|
|
906
|
+
.flip-clock__slot {
|
|
907
|
+
font-size: var(--label-size, 1rem);
|
|
908
|
+
line-height: 1.5;
|
|
909
|
+
display: block;
|
|
910
|
+
color: var(--label-color, #222222);
|
|
911
|
+
}
|
|
912
|
+
|
|
913
|
+
.flip-card {
|
|
914
|
+
display: block;
|
|
915
|
+
position: relative;
|
|
916
|
+
padding-bottom: 0.72em; /* halfHeight */
|
|
917
|
+
font-size: var(--countdown-size, 2.25rem);
|
|
918
|
+
line-height: 0.95;
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
@media (min-width: 1000px) {
|
|
922
|
+
.flip-clock__slot {
|
|
923
|
+
font-size: 1.2rem;
|
|
924
|
+
}
|
|
925
|
+
|
|
926
|
+
.flip-card {
|
|
927
|
+
font-size: 3rem;
|
|
928
|
+
}
|
|
929
|
+
}
|
|
930
|
+
|
|
931
|
+
.flip-card__top,
|
|
932
|
+
.flip-card__bottom,
|
|
933
|
+
.flip-card__back-bottom,
|
|
934
|
+
.flip-card__back::before,
|
|
935
|
+
.flip-card__back::after{
|
|
936
|
+
display: block;
|
|
937
|
+
height: 0.72em; /* halfHeight */
|
|
938
|
+
color: var(--main-color, #EC685C);
|
|
939
|
+
background: var(--main-flip-background-color, #222222);
|
|
940
|
+
padding: 0.23em 0.15em 0.4em;
|
|
941
|
+
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
942
|
+
backface-visibility: hidden;
|
|
943
|
+
-webkit-backface-visibility: hidden;
|
|
944
|
+
transform-style: preserve-3d;
|
|
945
|
+
width: 2.1em;
|
|
946
|
+
}
|
|
947
|
+
|
|
948
|
+
.flip-card__top-4digits,
|
|
949
|
+
.flip-card__bottom-4digits,
|
|
950
|
+
.flip-card__back-bottom-4digits,
|
|
951
|
+
.flip-card__back-4digits::before,
|
|
952
|
+
.flip-card__back-4digits::after {
|
|
953
|
+
display: block;
|
|
954
|
+
height: 0.72em; /* halfHeight */
|
|
955
|
+
color: var(--main-color, #EC685C);
|
|
956
|
+
background: var(--main-flip-background-color, #222222);
|
|
957
|
+
padding: 0.23em 0.15em 0.4em;
|
|
958
|
+
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
959
|
+
backface-visibility: hidden;
|
|
960
|
+
-webkit-backface-visibility: hidden;
|
|
961
|
+
transform-style: preserve-3d;
|
|
962
|
+
width: 2.65em;
|
|
963
|
+
}
|
|
964
|
+
|
|
965
|
+
.flip-card__bottom,
|
|
966
|
+
.flip-card__back-bottom,
|
|
967
|
+
.flip-card__bottom-4digits,
|
|
968
|
+
.flip-card__back-bottom-4digits {
|
|
969
|
+
color: var(--second-flip-color, #EC685C);
|
|
970
|
+
position: absolute;
|
|
971
|
+
top: 50%;
|
|
972
|
+
left: 0;
|
|
973
|
+
border-top: solid 1px var(--second-flip-background-color, #000);
|
|
974
|
+
background: var(--second-flip-background-color, #393939);
|
|
975
|
+
border-radius: 0 0 0.15em 0.15em; /* borderRadius */
|
|
976
|
+
pointer-events: none;
|
|
977
|
+
overflow: hidden;
|
|
978
|
+
z-index: 2;
|
|
979
|
+
}
|
|
980
|
+
|
|
981
|
+
.flip-card__back-bottom,
|
|
982
|
+
.flip-card__back-bottom-4digits {
|
|
983
|
+
z-index: 1;
|
|
984
|
+
}
|
|
985
|
+
|
|
986
|
+
.flip-card__bottom::after,
|
|
987
|
+
.flip-card__back-bottom::after,
|
|
988
|
+
.flip-card__bottom-4digits::after,
|
|
989
|
+
.flip-card__back-bottom-4digits::after {
|
|
990
|
+
display: block;
|
|
991
|
+
margin-top: -0.72em; /* Negative halfHeight */
|
|
992
|
+
}
|
|
993
|
+
.flip-card__back::before,
|
|
994
|
+
.flip-card__bottom::after,
|
|
995
|
+
.flip-card__back-bottom::after,
|
|
996
|
+
.flip-card__back-4digits::before,
|
|
997
|
+
.flip-card__bottom-4digits::after,
|
|
998
|
+
.flip-card__back-bottom-4digits::after {
|
|
999
|
+
content: attr(data-value);
|
|
1000
|
+
}
|
|
1001
|
+
|
|
1002
|
+
.flip-card__back,
|
|
1003
|
+
.flip-card__back-4digits {
|
|
1004
|
+
position: absolute;
|
|
1005
|
+
top: 0;
|
|
1006
|
+
height: 100%;
|
|
1007
|
+
left: 0%;
|
|
1008
|
+
pointer-events: none;
|
|
1009
|
+
}
|
|
1010
|
+
.flip-card__back::before,
|
|
1011
|
+
.flip-card__back-4digits::before {
|
|
1012
|
+
position: relative;
|
|
1013
|
+
overflow: hidden;
|
|
1014
|
+
z-index: -1;
|
|
1015
|
+
}
|
|
1016
|
+
|
|
1017
|
+
.flip .flip-card__back::before,
|
|
1018
|
+
.flip .flip-card__back-4digits::before {
|
|
1019
|
+
z-index: 1;
|
|
1020
|
+
animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
|
|
1021
|
+
animation-fill-mode: both;
|
|
1022
|
+
transform-origin: center bottom;
|
|
1023
|
+
}
|
|
1024
|
+
|
|
1025
|
+
.flip .flip-card__bottom,
|
|
1026
|
+
.flip .flip-card__bottom-4digits {
|
|
1027
|
+
transform-origin: center top;
|
|
1028
|
+
animation-fill-mode: both;
|
|
1029
|
+
animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
|
|
1030
|
+
}
|
|
1031
|
+
@keyframes flipTop {
|
|
1032
|
+
0% {
|
|
1033
|
+
transform: rotateX(0deg);
|
|
1034
|
+
z-index: 2;
|
|
1035
|
+
}
|
|
1036
|
+
0%, 99% {
|
|
1037
|
+
opacity: 1;
|
|
1038
|
+
}
|
|
1039
|
+
100% {
|
|
1040
|
+
transform: rotateX(-90deg);
|
|
1041
|
+
opacity: 0;
|
|
1042
|
+
}
|
|
1043
|
+
}
|
|
1044
|
+
|
|
1045
|
+
@keyframes flipBottom {
|
|
1046
|
+
0%, 50% {
|
|
1047
|
+
z-index: -1;
|
|
1048
|
+
transform: rotateX(90deg);
|
|
1049
|
+
opacity: 0;
|
|
1050
|
+
}
|
|
1051
|
+
51% {
|
|
1052
|
+
opacity: 1;
|
|
1053
|
+
}
|
|
1054
|
+
100% {
|
|
1055
|
+
opacity: 1;
|
|
1056
|
+
transform: rotateX(0deg);
|
|
1057
|
+
z-index: 5;
|
|
1058
|
+
}
|
|
1059
|
+
}
|
|
1060
|
+
|
|
1061
|
+
.unika-calendar-title {
|
|
1062
|
+
font-size: 25px;
|
|
1063
|
+
padding-bottom: 4px;
|
|
1064
|
+
}
|
|
1065
|
+
.unika-calendar-header {
|
|
1066
|
+
display: -webkit-box;
|
|
1067
|
+
display: -ms-flexbox;
|
|
1068
|
+
display: flex;
|
|
1069
|
+
-webkit-box-pack: justify;
|
|
1070
|
+
-ms-flex-pack: justify;
|
|
1071
|
+
justify-content: space-between;
|
|
1072
|
+
-webkit-box-align: end;
|
|
1073
|
+
-ms-flex-align: end;
|
|
1074
|
+
align-items: flex-end;
|
|
1075
|
+
line-height: 1;
|
|
1076
|
+
padding: 0 47px 20px;
|
|
1077
|
+
}
|
|
1078
|
+
.unika-calendar-header .disabled {
|
|
1079
|
+
pointer-events: none;
|
|
1080
|
+
color: #f0f0f0;
|
|
1081
|
+
}
|
|
1082
|
+
.unika-calendar-th {
|
|
1083
|
+
display: -webkit-box;
|
|
1084
|
+
display: -ms-flexbox;
|
|
1085
|
+
display: flex;
|
|
1086
|
+
-webkit-box-pack: start;
|
|
1087
|
+
-ms-flex-pack: start;
|
|
1088
|
+
justify-content: flex-start;
|
|
902
1089
|
height: 25px;
|
|
903
1090
|
line-height: 25px;
|
|
904
1091
|
padding: 0 10px;
|
|
@@ -1122,190 +1309,3 @@ button.swiper-pagination-bullet {
|
|
|
1122
1309
|
padding: 0 0px;
|
|
1123
1310
|
border-bottom: 1px solid
|
|
1124
1311
|
}
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
.no-animation__card {
|
|
1128
|
-
font-weight: 500;
|
|
1129
|
-
font-size: var(--countdown-size, 2rem);
|
|
1130
|
-
line-height: 1.5;
|
|
1131
|
-
display: block;
|
|
1132
|
-
color: var(--main-color, #EC685C);
|
|
1133
|
-
}
|
|
1134
|
-
|
|
1135
|
-
.flip-clock {
|
|
1136
|
-
text-align: center;
|
|
1137
|
-
perspective: 600px;
|
|
1138
|
-
margin: 0 auto;
|
|
1139
|
-
}
|
|
1140
|
-
|
|
1141
|
-
.flip-clock *,
|
|
1142
|
-
.flip-clock *:before,
|
|
1143
|
-
.flip-clock *:after {
|
|
1144
|
-
box-sizing: border-box;
|
|
1145
|
-
}
|
|
1146
|
-
|
|
1147
|
-
.flip-clock__piece {
|
|
1148
|
-
display: inline-block;
|
|
1149
|
-
margin: 0 0.2vw;
|
|
1150
|
-
}
|
|
1151
|
-
|
|
1152
|
-
@media (min-width: 1000px) {
|
|
1153
|
-
.flip-clock__piece {
|
|
1154
|
-
margin: 0 5px;
|
|
1155
|
-
}
|
|
1156
|
-
}
|
|
1157
|
-
|
|
1158
|
-
.flip-clock__slot {
|
|
1159
|
-
font-size: var(--label-size, 1rem);
|
|
1160
|
-
line-height: 1.5;
|
|
1161
|
-
display: block;
|
|
1162
|
-
color: var(--label-color, #222222);
|
|
1163
|
-
}
|
|
1164
|
-
|
|
1165
|
-
.flip-card {
|
|
1166
|
-
display: block;
|
|
1167
|
-
position: relative;
|
|
1168
|
-
padding-bottom: 0.72em; /* halfHeight */
|
|
1169
|
-
font-size: var(--countdown-size, 2.25rem);
|
|
1170
|
-
line-height: 0.95;
|
|
1171
|
-
}
|
|
1172
|
-
|
|
1173
|
-
@media (min-width: 1000px) {
|
|
1174
|
-
.flip-clock__slot {
|
|
1175
|
-
font-size: 1.2rem;
|
|
1176
|
-
}
|
|
1177
|
-
|
|
1178
|
-
.flip-card {
|
|
1179
|
-
font-size: 3rem;
|
|
1180
|
-
}
|
|
1181
|
-
}
|
|
1182
|
-
|
|
1183
|
-
.flip-card__top,
|
|
1184
|
-
.flip-card__bottom,
|
|
1185
|
-
.flip-card__back-bottom,
|
|
1186
|
-
.flip-card__back::before,
|
|
1187
|
-
.flip-card__back::after{
|
|
1188
|
-
display: block;
|
|
1189
|
-
height: 0.72em; /* halfHeight */
|
|
1190
|
-
color: var(--main-color, #EC685C);
|
|
1191
|
-
background: var(--main-flip-background-color, #222222);
|
|
1192
|
-
padding: 0.23em 0.15em 0.4em;
|
|
1193
|
-
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
1194
|
-
backface-visibility: hidden;
|
|
1195
|
-
-webkit-backface-visibility: hidden;
|
|
1196
|
-
transform-style: preserve-3d;
|
|
1197
|
-
width: 2.1em;
|
|
1198
|
-
}
|
|
1199
|
-
|
|
1200
|
-
.flip-card__top-4digits,
|
|
1201
|
-
.flip-card__bottom-4digits,
|
|
1202
|
-
.flip-card__back-bottom-4digits,
|
|
1203
|
-
.flip-card__back-4digits::before,
|
|
1204
|
-
.flip-card__back-4digits::after {
|
|
1205
|
-
display: block;
|
|
1206
|
-
height: 0.72em; /* halfHeight */
|
|
1207
|
-
color: var(--main-color, #EC685C);
|
|
1208
|
-
background: var(--main-flip-background-color, #222222);
|
|
1209
|
-
padding: 0.23em 0.15em 0.4em;
|
|
1210
|
-
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
1211
|
-
backface-visibility: hidden;
|
|
1212
|
-
-webkit-backface-visibility: hidden;
|
|
1213
|
-
transform-style: preserve-3d;
|
|
1214
|
-
width: 2.65em;
|
|
1215
|
-
}
|
|
1216
|
-
|
|
1217
|
-
.flip-card__bottom,
|
|
1218
|
-
.flip-card__back-bottom,
|
|
1219
|
-
.flip-card__bottom-4digits,
|
|
1220
|
-
.flip-card__back-bottom-4digits {
|
|
1221
|
-
color: var(--second-flip-color, #EC685C);
|
|
1222
|
-
position: absolute;
|
|
1223
|
-
top: 50%;
|
|
1224
|
-
left: 0;
|
|
1225
|
-
border-top: solid 1px var(--second-flip-background-color, #000);
|
|
1226
|
-
background: var(--second-flip-background-color, #393939);
|
|
1227
|
-
border-radius: 0 0 0.15em 0.15em; /* borderRadius */
|
|
1228
|
-
pointer-events: none;
|
|
1229
|
-
overflow: hidden;
|
|
1230
|
-
z-index: 2;
|
|
1231
|
-
}
|
|
1232
|
-
|
|
1233
|
-
.flip-card__back-bottom,
|
|
1234
|
-
.flip-card__back-bottom-4digits {
|
|
1235
|
-
z-index: 1;
|
|
1236
|
-
}
|
|
1237
|
-
|
|
1238
|
-
.flip-card__bottom::after,
|
|
1239
|
-
.flip-card__back-bottom::after,
|
|
1240
|
-
.flip-card__bottom-4digits::after,
|
|
1241
|
-
.flip-card__back-bottom-4digits::after {
|
|
1242
|
-
display: block;
|
|
1243
|
-
margin-top: -0.72em; /* Negative halfHeight */
|
|
1244
|
-
}
|
|
1245
|
-
.flip-card__back::before,
|
|
1246
|
-
.flip-card__bottom::after,
|
|
1247
|
-
.flip-card__back-bottom::after,
|
|
1248
|
-
.flip-card__back-4digits::before,
|
|
1249
|
-
.flip-card__bottom-4digits::after,
|
|
1250
|
-
.flip-card__back-bottom-4digits::after {
|
|
1251
|
-
content: attr(data-value);
|
|
1252
|
-
}
|
|
1253
|
-
|
|
1254
|
-
.flip-card__back,
|
|
1255
|
-
.flip-card__back-4digits {
|
|
1256
|
-
position: absolute;
|
|
1257
|
-
top: 0;
|
|
1258
|
-
height: 100%;
|
|
1259
|
-
left: 0%;
|
|
1260
|
-
pointer-events: none;
|
|
1261
|
-
}
|
|
1262
|
-
.flip-card__back::before,
|
|
1263
|
-
.flip-card__back-4digits::before {
|
|
1264
|
-
position: relative;
|
|
1265
|
-
overflow: hidden;
|
|
1266
|
-
z-index: -1;
|
|
1267
|
-
}
|
|
1268
|
-
|
|
1269
|
-
.flip .flip-card__back::before,
|
|
1270
|
-
.flip .flip-card__back-4digits::before {
|
|
1271
|
-
z-index: 1;
|
|
1272
|
-
animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
|
|
1273
|
-
animation-fill-mode: both;
|
|
1274
|
-
transform-origin: center bottom;
|
|
1275
|
-
}
|
|
1276
|
-
|
|
1277
|
-
.flip .flip-card__bottom,
|
|
1278
|
-
.flip .flip-card__bottom-4digits {
|
|
1279
|
-
transform-origin: center top;
|
|
1280
|
-
animation-fill-mode: both;
|
|
1281
|
-
animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
|
|
1282
|
-
}
|
|
1283
|
-
@keyframes flipTop {
|
|
1284
|
-
0% {
|
|
1285
|
-
transform: rotateX(0deg);
|
|
1286
|
-
z-index: 2;
|
|
1287
|
-
}
|
|
1288
|
-
0%, 99% {
|
|
1289
|
-
opacity: 1;
|
|
1290
|
-
}
|
|
1291
|
-
100% {
|
|
1292
|
-
transform: rotateX(-90deg);
|
|
1293
|
-
opacity: 0;
|
|
1294
|
-
}
|
|
1295
|
-
}
|
|
1296
|
-
|
|
1297
|
-
@keyframes flipBottom {
|
|
1298
|
-
0%, 50% {
|
|
1299
|
-
z-index: -1;
|
|
1300
|
-
transform: rotateX(90deg);
|
|
1301
|
-
opacity: 0;
|
|
1302
|
-
}
|
|
1303
|
-
51% {
|
|
1304
|
-
opacity: 1;
|
|
1305
|
-
}
|
|
1306
|
-
100% {
|
|
1307
|
-
opacity: 1;
|
|
1308
|
-
transform: rotateX(0deg);
|
|
1309
|
-
z-index: 5;
|
|
1310
|
-
}
|
|
1311
|
-
}
|
|
@@ -5003,7 +5003,8 @@ const commonDefaultProps = {
|
|
|
5003
5003
|
position: 'absolute',
|
|
5004
5004
|
left: '0',
|
|
5005
5005
|
top: '0',
|
|
5006
|
-
right: '0'
|
|
5006
|
+
right: '0',
|
|
5007
|
+
transform: 'rotate(0deg)'
|
|
5007
5008
|
};
|
|
5008
5009
|
const textDefaultProps = {
|
|
5009
5010
|
// basic props - font styles
|
|
@@ -5122,7 +5123,7 @@ const buttonDefaultProps = {
|
|
|
5122
5123
|
fontColor: '#fff',
|
|
5123
5124
|
backgroundColor: 'rgb(33, 147, 255)',
|
|
5124
5125
|
buttonUrl: 'https://unika.cc',
|
|
5125
|
-
buttonText: 'Link'
|
|
5126
|
+
buttonText: 'Link',
|
|
5126
5127
|
};
|
|
5127
5128
|
const likeDefaultProps = {
|
|
5128
5129
|
...commonDefaultProps
|
|
@@ -5136,7 +5137,8 @@ const effectDefaultProps = {
|
|
|
5136
5137
|
opacity: 1,
|
|
5137
5138
|
shape: ['image'],
|
|
5138
5139
|
number: 100,
|
|
5139
|
-
spead: 5
|
|
5140
|
+
spead: 5,
|
|
5141
|
+
transform: 'rotate(0deg)'
|
|
5140
5142
|
};
|
|
5141
5143
|
const registerFormDefaultProps = {
|
|
5142
5144
|
left: '57px',
|
|
@@ -22532,6 +22534,10 @@ var script$7 = defineComponent({
|
|
|
22532
22534
|
mapUrl: {
|
|
22533
22535
|
type: String,
|
|
22534
22536
|
default: 'https://maps.app.goo.gl/YZypYXfBVKvTXJ2R8'
|
|
22537
|
+
},
|
|
22538
|
+
isEditing: {
|
|
22539
|
+
type: Boolean,
|
|
22540
|
+
default: false
|
|
22535
22541
|
}
|
|
22536
22542
|
},
|
|
22537
22543
|
components: {},
|
|
@@ -22543,7 +22549,9 @@ var script$7 = defineComponent({
|
|
|
22543
22549
|
const openMap = () => {
|
|
22544
22550
|
// 替换为要拨打的电话号码
|
|
22545
22551
|
// 使用电话链接打电话
|
|
22546
|
-
|
|
22552
|
+
if (!props.isEditing) {
|
|
22553
|
+
window.location.href = props.mapUrl;
|
|
22554
|
+
}
|
|
22547
22555
|
};
|
|
22548
22556
|
const iframeHtml = computed(() => {
|
|
22549
22557
|
return props.mapHtml.replace('width="600"', 'width="100%"').replace('height="450"', 'height="100%"');
|
|
@@ -22561,11 +22569,14 @@ const _hoisted_1$3 = ["innerHTML"];
|
|
|
22561
22569
|
|
|
22562
22570
|
function render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
22563
22571
|
return (openBlock(), createElementBlock("div", {
|
|
22564
|
-
style: normalizeStyle$1({ ..._ctx.styleProps, position: 'absolute'})
|
|
22565
|
-
|
|
22566
|
-
|
|
22567
|
-
|
|
22568
|
-
|
|
22572
|
+
style: normalizeStyle$1({ ..._ctx.styleProps, position: 'absolute'})
|
|
22573
|
+
}, [
|
|
22574
|
+
createElementVNode("div", {
|
|
22575
|
+
innerHTML: _ctx.iframeHtml,
|
|
22576
|
+
class: "uni-map-component",
|
|
22577
|
+
onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openMap && _ctx.openMap(...args)))
|
|
22578
|
+
}, null, 8 /* PROPS */, _hoisted_1$3)
|
|
22579
|
+
], 4 /* STYLE */))
|
|
22569
22580
|
}
|
|
22570
22581
|
|
|
22571
22582
|
script$7.render = render$8;
|
|
@@ -5010,7 +5010,8 @@
|
|
|
5010
5010
|
position: 'absolute',
|
|
5011
5011
|
left: '0',
|
|
5012
5012
|
top: '0',
|
|
5013
|
-
right: '0'
|
|
5013
|
+
right: '0',
|
|
5014
|
+
transform: 'rotate(0deg)'
|
|
5014
5015
|
};
|
|
5015
5016
|
const textDefaultProps = {
|
|
5016
5017
|
// basic props - font styles
|
|
@@ -5129,7 +5130,7 @@
|
|
|
5129
5130
|
fontColor: '#fff',
|
|
5130
5131
|
backgroundColor: 'rgb(33, 147, 255)',
|
|
5131
5132
|
buttonUrl: 'https://unika.cc',
|
|
5132
|
-
buttonText: 'Link'
|
|
5133
|
+
buttonText: 'Link',
|
|
5133
5134
|
};
|
|
5134
5135
|
const likeDefaultProps = {
|
|
5135
5136
|
...commonDefaultProps
|
|
@@ -5143,7 +5144,8 @@
|
|
|
5143
5144
|
opacity: 1,
|
|
5144
5145
|
shape: ['image'],
|
|
5145
5146
|
number: 100,
|
|
5146
|
-
spead: 5
|
|
5147
|
+
spead: 5,
|
|
5148
|
+
transform: 'rotate(0deg)'
|
|
5147
5149
|
};
|
|
5148
5150
|
const registerFormDefaultProps = {
|
|
5149
5151
|
left: '57px',
|
|
@@ -22539,6 +22541,10 @@
|
|
|
22539
22541
|
mapUrl: {
|
|
22540
22542
|
type: String,
|
|
22541
22543
|
default: 'https://maps.app.goo.gl/YZypYXfBVKvTXJ2R8'
|
|
22544
|
+
},
|
|
22545
|
+
isEditing: {
|
|
22546
|
+
type: Boolean,
|
|
22547
|
+
default: false
|
|
22542
22548
|
}
|
|
22543
22549
|
},
|
|
22544
22550
|
components: {},
|
|
@@ -22550,7 +22556,9 @@
|
|
|
22550
22556
|
const openMap = () => {
|
|
22551
22557
|
// 替换为要拨打的电话号码
|
|
22552
22558
|
// 使用电话链接打电话
|
|
22553
|
-
|
|
22559
|
+
if (!props.isEditing) {
|
|
22560
|
+
window.location.href = props.mapUrl;
|
|
22561
|
+
}
|
|
22554
22562
|
};
|
|
22555
22563
|
const iframeHtml = vue.computed(() => {
|
|
22556
22564
|
return props.mapHtml.replace('width="600"', 'width="100%"').replace('height="450"', 'height="100%"');
|
|
@@ -22568,11 +22576,14 @@
|
|
|
22568
22576
|
|
|
22569
22577
|
function render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
22570
22578
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
22571
|
-
style: vue.normalizeStyle({ ..._ctx.styleProps, position: 'absolute'})
|
|
22572
|
-
|
|
22573
|
-
|
|
22574
|
-
|
|
22575
|
-
|
|
22579
|
+
style: vue.normalizeStyle({ ..._ctx.styleProps, position: 'absolute'})
|
|
22580
|
+
}, [
|
|
22581
|
+
vue.createElementVNode("div", {
|
|
22582
|
+
innerHTML: _ctx.iframeHtml,
|
|
22583
|
+
class: "uni-map-component",
|
|
22584
|
+
onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openMap && _ctx.openMap(...args)))
|
|
22585
|
+
}, null, 8 /* PROPS */, _hoisted_1$3)
|
|
22586
|
+
], 4 /* STYLE */))
|
|
22576
22587
|
}
|
|
22577
22588
|
|
|
22578
22589
|
script$7.render = render$8;
|