unika-components 1.0.76 → 1.0.78
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.
|
@@ -10,39 +10,115 @@ button.uni-text-component {
|
|
|
10
10
|
box-sizing: border-box;
|
|
11
11
|
white-space: pre-wrap;
|
|
12
12
|
}
|
|
13
|
-
|
|
14
|
-
.uni-image-component {
|
|
15
|
-
max-width: 100%;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.slot-number {
|
|
19
|
-
position: absolute;
|
|
20
|
-
bottom: 2px;
|
|
21
|
-
left: 7px;
|
|
22
|
-
font-size: 12px;
|
|
23
|
-
color: #666
|
|
24
|
-
}
|
|
25
13
|
|
|
26
|
-
.uni-
|
|
27
|
-
|
|
28
|
-
text-align: center;
|
|
14
|
+
.uni-background-component {
|
|
15
|
+
width: 100%;
|
|
29
16
|
}
|
|
30
|
-
.
|
|
17
|
+
.bg-img {
|
|
18
|
+
width: 100%;
|
|
19
|
+
height: 100%;
|
|
20
|
+
object-fit: cover;
|
|
21
|
+
z-index:1;
|
|
22
|
+
}
|
|
23
|
+
.watermark {
|
|
24
|
+
height: 100%;
|
|
31
25
|
position: absolute;
|
|
32
|
-
top:
|
|
33
|
-
left:
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
font-size: 2rem;
|
|
37
|
-
color: #fff;
|
|
38
|
-
background: rgba(0, 0, 0, 0.6);
|
|
39
|
-
border-radius: 50%;
|
|
40
|
-
padding: 10px;
|
|
41
|
-
transition: background 0.3s;
|
|
26
|
+
top: 0;
|
|
27
|
+
left: 0;
|
|
28
|
+
right: 0;
|
|
29
|
+
bottom: 0;
|
|
42
30
|
}
|
|
43
|
-
.
|
|
44
|
-
|
|
31
|
+
.watermark-div {
|
|
32
|
+
height: 100%;
|
|
33
|
+
width:100%;
|
|
34
|
+
position:absolute;
|
|
35
|
+
z-index:99999999;
|
|
45
36
|
}
|
|
37
|
+
body:before{
|
|
38
|
+
content: '';
|
|
39
|
+
position: fixed;
|
|
40
|
+
top: 0;
|
|
41
|
+
bottom: 0;
|
|
42
|
+
left: 0;
|
|
43
|
+
right: 0;
|
|
44
|
+
z-index: -1;
|
|
45
|
+
/* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
|
|
46
|
+
background-position: center;
|
|
47
|
+
opacity: 0.1;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.slide-guide {
|
|
51
|
+
position: absolute;
|
|
52
|
+
bottom: 90px;
|
|
53
|
+
left: 50%;
|
|
54
|
+
transform: translateX(-50%);
|
|
55
|
+
}
|
|
56
|
+
.slide-guide img {
|
|
57
|
+
animation: flowing 2s ease-in-out infinite;
|
|
58
|
+
width: 33px;
|
|
59
|
+
vertical-align: middle;
|
|
60
|
+
border-style: none;
|
|
61
|
+
}
|
|
62
|
+
body, html {
|
|
63
|
+
position: relative;
|
|
64
|
+
width: 100%;
|
|
65
|
+
height: 100%;
|
|
66
|
+
margin: 0px;
|
|
67
|
+
}
|
|
68
|
+
.swiper-container {
|
|
69
|
+
width: 100%;
|
|
70
|
+
height: 100%;
|
|
71
|
+
}
|
|
72
|
+
.swiper-slide {
|
|
73
|
+
width: 100%;
|
|
74
|
+
height: 100%;
|
|
75
|
+
overflow: hidden;
|
|
76
|
+
background-size: cover;
|
|
77
|
+
background-position: center;
|
|
78
|
+
background-repeat: no-repeat;
|
|
79
|
+
}
|
|
80
|
+
.up-arrow {
|
|
81
|
+
width: 2rem;
|
|
82
|
+
height: 2rem;
|
|
83
|
+
position: fixed;
|
|
84
|
+
bottom: 2rem;
|
|
85
|
+
left: 50%;
|
|
86
|
+
transform: translate3d(-50%, 0, 0);
|
|
87
|
+
z-index: 999;
|
|
88
|
+
background: none;
|
|
89
|
+
border: none;
|
|
90
|
+
padding: 0;
|
|
91
|
+
animation: upArrowAni 2s infinite linear;
|
|
92
|
+
}
|
|
93
|
+
.up-arrow img {
|
|
94
|
+
width: 2rem;
|
|
95
|
+
height: 2rem;
|
|
96
|
+
text-align: center;
|
|
97
|
+
line-height: 2rem;
|
|
98
|
+
color: #fff;
|
|
99
|
+
font-size: 1.5rem;
|
|
100
|
+
}
|
|
101
|
+
@keyframes upArrowAni {
|
|
102
|
+
0% {
|
|
103
|
+
opacity: 0;
|
|
104
|
+
transform: translate3d(-50%, 30%, 0);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
30% {
|
|
108
|
+
opacity: 1;
|
|
109
|
+
transform: translate3d(-50%, -20%, 0);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
60% {
|
|
113
|
+
opacity: 0;
|
|
114
|
+
transform: translate3d(-50%, -35%, 0);
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
100% {
|
|
118
|
+
opacity: 0;
|
|
119
|
+
transform: translate3d(-50%, -50%, 0);
|
|
120
|
+
}
|
|
121
|
+
}
|
|
46
122
|
|
|
47
123
|
#audio {
|
|
48
124
|
position: absolute;
|
|
@@ -139,79 +215,58 @@ button.uni-text-component {
|
|
|
139
215
|
}
|
|
140
216
|
}
|
|
141
217
|
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
bottom: 90px;
|
|
145
|
-
left: 50%;
|
|
146
|
-
transform: translateX(-50%);
|
|
147
|
-
}
|
|
148
|
-
.slide-guide img {
|
|
149
|
-
animation: flowing 2s ease-in-out infinite;
|
|
150
|
-
width: 33px;
|
|
151
|
-
vertical-align: middle;
|
|
152
|
-
border-style: none;
|
|
153
|
-
}
|
|
154
|
-
body, html {
|
|
155
|
-
position: relative;
|
|
156
|
-
width: 100%;
|
|
157
|
-
height: 100%;
|
|
158
|
-
margin: 0px;
|
|
159
|
-
}
|
|
160
|
-
.swiper-container {
|
|
161
|
-
width: 100%;
|
|
162
|
-
height: 100%;
|
|
163
|
-
}
|
|
164
|
-
.swiper-slide {
|
|
165
|
-
width: 100%;
|
|
166
|
-
height: 100%;
|
|
167
|
-
overflow: hidden;
|
|
168
|
-
background-size: cover;
|
|
169
|
-
background-position: center;
|
|
170
|
-
background-repeat: no-repeat;
|
|
171
|
-
}
|
|
172
|
-
.up-arrow {
|
|
173
|
-
width: 2rem;
|
|
174
|
-
height: 2rem;
|
|
175
|
-
position: fixed;
|
|
176
|
-
bottom: 2rem;
|
|
177
|
-
left: 50%;
|
|
178
|
-
transform: translate3d(-50%, 0, 0);
|
|
179
|
-
z-index: 999;
|
|
180
|
-
background: none;
|
|
181
|
-
border: none;
|
|
182
|
-
padding: 0;
|
|
183
|
-
animation: upArrowAni 2s infinite linear;
|
|
184
|
-
}
|
|
185
|
-
.up-arrow img {
|
|
186
|
-
width: 2rem;
|
|
187
|
-
height: 2rem;
|
|
188
|
-
text-align: center;
|
|
189
|
-
line-height: 2rem;
|
|
190
|
-
color: #fff;
|
|
191
|
-
font-size: 1.5rem;
|
|
192
|
-
}
|
|
193
|
-
@keyframes upArrowAni {
|
|
194
|
-
0% {
|
|
195
|
-
opacity: 0;
|
|
196
|
-
transform: translate3d(-50%, 30%, 0);
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
30% {
|
|
200
|
-
opacity: 1;
|
|
201
|
-
transform: translate3d(-50%, -20%, 0);
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
60% {
|
|
205
|
-
opacity: 0;
|
|
206
|
-
transform: translate3d(-50%, -35%, 0);
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
100% {
|
|
210
|
-
opacity: 0;
|
|
211
|
-
transform: translate3d(-50%, -50%, 0);
|
|
212
|
-
}
|
|
218
|
+
.uni-image-component {
|
|
219
|
+
max-width: 100%;
|
|
213
220
|
}
|
|
214
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
|
+
|
|
256
|
+
.swiper-warp {
|
|
257
|
+
width: 100%;
|
|
258
|
+
height: 100%;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
.swiper-slide-component {
|
|
262
|
+
text-align: center;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.swiper-slide img {
|
|
266
|
+
max-width: 100%;
|
|
267
|
+
max-height: 100%;
|
|
268
|
+
}
|
|
269
|
+
|
|
215
270
|
.like-button {
|
|
216
271
|
display: flex;
|
|
217
272
|
flex-direction: column;
|
|
@@ -234,42 +289,6 @@ body, html {
|
|
|
234
289
|
color: #333;
|
|
235
290
|
}
|
|
236
291
|
|
|
237
|
-
.uni-background-component {
|
|
238
|
-
width: 100%;
|
|
239
|
-
}
|
|
240
|
-
.bg-img {
|
|
241
|
-
width: 100%;
|
|
242
|
-
height: 100%;
|
|
243
|
-
object-fit: cover;
|
|
244
|
-
z-index:1;
|
|
245
|
-
}
|
|
246
|
-
.watermark {
|
|
247
|
-
height: 100%;
|
|
248
|
-
position: absolute;
|
|
249
|
-
top: 0;
|
|
250
|
-
left: 0;
|
|
251
|
-
right: 0;
|
|
252
|
-
bottom: 0;
|
|
253
|
-
}
|
|
254
|
-
.watermark-div {
|
|
255
|
-
height: 100%;
|
|
256
|
-
width:100%;
|
|
257
|
-
position:absolute;
|
|
258
|
-
z-index:99999999;
|
|
259
|
-
}
|
|
260
|
-
body:before{
|
|
261
|
-
content: '';
|
|
262
|
-
position: fixed;
|
|
263
|
-
top: 0;
|
|
264
|
-
bottom: 0;
|
|
265
|
-
left: 0;
|
|
266
|
-
right: 0;
|
|
267
|
-
z-index: -1;
|
|
268
|
-
/* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
|
|
269
|
-
background-position: center;
|
|
270
|
-
opacity: 0.1;
|
|
271
|
-
}
|
|
272
|
-
|
|
273
292
|
.ant-input-number {
|
|
274
293
|
box-sizing: border-box;
|
|
275
294
|
margin: 0;
|
|
@@ -304,25 +323,6 @@ body, html {
|
|
|
304
323
|
margin-bottom: 0px;
|
|
305
324
|
vertical-align: top;
|
|
306
325
|
}
|
|
307
|
-
|
|
308
|
-
.effect {
|
|
309
|
-
width: 100%;
|
|
310
|
-
height: 100%;
|
|
311
|
-
}
|
|
312
|
-
|
|
313
|
-
.swiper-warp {
|
|
314
|
-
width: 100%;
|
|
315
|
-
height: 100%;
|
|
316
|
-
}
|
|
317
|
-
|
|
318
|
-
.swiper-slide-component {
|
|
319
|
-
text-align: center;
|
|
320
|
-
}
|
|
321
|
-
|
|
322
|
-
.swiper-slide img {
|
|
323
|
-
max-width: 100%;
|
|
324
|
-
max-height: 100%;
|
|
325
|
-
}
|
|
326
326
|
/**
|
|
327
327
|
* Swiper 6.8.4
|
|
328
328
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
@@ -13268,7 +13268,7 @@ var script$c = defineComponent({
|
|
|
13268
13268
|
videoSrc: {
|
|
13269
13269
|
type: String,
|
|
13270
13270
|
default: ''
|
|
13271
|
-
}
|
|
13271
|
+
}
|
|
13272
13272
|
},
|
|
13273
13273
|
components: {
|
|
13274
13274
|
// FontAwesomeIcon
|
|
@@ -26259,7 +26259,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
26259
26259
|
style: normalizeStyle$1({..._ctx.styleProps, color: _ctx.fontColor,
|
|
26260
26260
|
position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform }),
|
|
26261
26261
|
onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args))),
|
|
26262
|
-
class: "call-button"
|
|
26262
|
+
class: "call-button uni-call-component"
|
|
26263
26263
|
}, [
|
|
26264
26264
|
createVNode(_component_font_awesome_icon, { icon: ['fas', 'square-phone'] }),
|
|
26265
26265
|
createTextVNode(" "),
|
|
@@ -75678,9 +75678,9 @@ var script = defineComponent({
|
|
|
75678
75678
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
75679
75679
|
return (openBlock(), createElementBlock("button", {
|
|
75680
75680
|
style: normalizeStyle$1({..._ctx.styleProps, color: _ctx.fontColor,
|
|
75681
|
-
position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform}),
|
|
75681
|
+
position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform} ),
|
|
75682
75682
|
onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openUrl && _ctx.openUrl(...args))),
|
|
75683
|
-
class: "call-button"
|
|
75683
|
+
class: "call-button uni-button-component"
|
|
75684
75684
|
}, [
|
|
75685
75685
|
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
75686
75686
|
createTextVNode(toDisplayString(_ctx.buttonText), 1 /* TEXT */)
|
|
@@ -13275,7 +13275,7 @@
|
|
|
13275
13275
|
videoSrc: {
|
|
13276
13276
|
type: String,
|
|
13277
13277
|
default: ''
|
|
13278
|
-
}
|
|
13278
|
+
}
|
|
13279
13279
|
},
|
|
13280
13280
|
components: {
|
|
13281
13281
|
// FontAwesomeIcon
|
|
@@ -26266,7 +26266,7 @@
|
|
|
26266
26266
|
style: vue.normalizeStyle({..._ctx.styleProps, color: _ctx.fontColor,
|
|
26267
26267
|
position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform }),
|
|
26268
26268
|
onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args))),
|
|
26269
|
-
class: "call-button"
|
|
26269
|
+
class: "call-button uni-call-component"
|
|
26270
26270
|
}, [
|
|
26271
26271
|
vue.createVNode(_component_font_awesome_icon, { icon: ['fas', 'square-phone'] }),
|
|
26272
26272
|
vue.createTextVNode(" "),
|
|
@@ -75685,9 +75685,9 @@ summary tabindex target title type usemap value width wmode wrap`;
|
|
|
75685
75685
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
75686
75686
|
return (vue.openBlock(), vue.createElementBlock("button", {
|
|
75687
75687
|
style: vue.normalizeStyle({..._ctx.styleProps, color: _ctx.fontColor,
|
|
75688
|
-
position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform}),
|
|
75688
|
+
position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform} ),
|
|
75689
75689
|
onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openUrl && _ctx.openUrl(...args))),
|
|
75690
|
-
class: "call-button"
|
|
75690
|
+
class: "call-button uni-button-component"
|
|
75691
75691
|
}, [
|
|
75692
75692
|
vue.renderSlot(_ctx.$slots, "default", {}, () => [
|
|
75693
75693
|
vue.createTextVNode(vue.toDisplayString(_ctx.buttonText), 1 /* TEXT */)
|