unika-components 1.0.58 → 1.0.60

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.
Files changed (4) hide show
  1. package/dist/unika-components.css +95 -95
  2. package/dist/unika-components.esm.js +6 -12
  3. package/dist/unika-components.umd.js +6 -12
  4. package/package.json +1 -1
package/dist/unika-components.css CHANGED
@@ -1,8 +1,4 @@
1
1
 
2
- .uni-image-component {
3
- max-width: 100%;
4
- }
5
-
6
2
  h2.uni-text-component, p.uni-text-component {
7
3
  margin-bottom: 0;
8
4
  }
@@ -15,6 +11,67 @@ button.uni-text-component {
15
11
  white-space: pre-wrap;
16
12
  }
17
13
 
14
+ .uni-background-component {
15
+ width: 100%;
16
+ }
17
+ .bg-img {
18
+ width: 100%;
19
+ height: 100%;
20
+ object-fit: cover;
21
+ z-index:1;
22
+ }
23
+ .watermark {
24
+ height: 100%;
25
+ position: absolute;
26
+ top: 0;
27
+ left: 0;
28
+ right: 0;
29
+ bottom: 0;
30
+ }
31
+ .watermark-div {
32
+ height: 100%;
33
+ width:100%;
34
+ position:absolute;
35
+ z-index:99999999;
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
+ .uni-image-component {
51
+ max-width: 100%;
52
+ }
53
+
54
+ .uni-video-component {
55
+ position: relative;
56
+ text-align: center;
57
+ }
58
+ .play-pause-button {
59
+ position: absolute;
60
+ top: 50%;
61
+ left: 50%;
62
+ transform: translate(-50%, -50%);
63
+ cursor: pointer;
64
+ font-size: 2rem;
65
+ color: #fff;
66
+ background: rgba(0, 0, 0, 0.6);
67
+ border-radius: 50%;
68
+ padding: 10px;
69
+ transition: background 0.3s;
70
+ }
71
+ .play-pause-button:hover {
72
+ background: rgba(0, 0, 0, 0.8);
73
+ }
74
+
18
75
  #audio {
19
76
  position: absolute;
20
77
  right: 10px;
@@ -183,85 +240,28 @@ body, html {
183
240
  }
184
241
  }
185
242
 
186
- .uni-background-component {
187
- width: 100%;
188
- }
189
- .bg-img {
190
- width: 100%;
191
- height: 100%;
192
- object-fit: cover;
193
- z-index:1;
194
- }
195
- .watermark {
196
- height: 100%;
197
- position: absolute;
198
- top: 0;
199
- left: 0;
200
- right: 0;
201
- bottom: 0;
202
- }
203
- .watermark-div {
204
- height: 100%;
205
- width:100%;
206
- position:absolute;
207
- z-index:99999999;
208
- }
209
- body:before{
210
- content: '';
211
- position: fixed;
243
+ #app1 {
244
+ position: relative;
245
+ }
246
+ .snowflake {
247
+ position: absolute;
212
248
  top: 0;
213
- bottom: 0;
214
249
  left: 0;
215
- right: 0;
216
- z-index: -1;
217
- /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
218
- background-position: center;
219
- opacity: 0.1;
250
+ width: 10px;
251
+ height: 10px;
252
+ background: red;
253
+ border-radius: 50%;
254
+ animation: falling 10s linear infinite;
220
255
  }
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;
256
+ @keyframes falling {
257
+ from {
258
+ transform: translateY(0) rotate(0deg);
238
259
  }
239
- .play-pause-button:hover {
240
- background: rgba(0, 0, 0, 0.8);
260
+ to {
261
+ transform: translateY(100vh) rotate(360deg);
241
262
  }
242
-
243
- .slot-number {
244
- position: absolute;
245
- bottom: 2px;
246
- left: 7px;
247
- font-size: 12px;
248
- color: #666
249
- }
250
-
251
- /*.swiper-container {
252
- width: 100%;
253
- height: 300px;
254
263
  }
255
264
 
256
- .swiper-slide {
257
- text-align: center;
258
- }
259
-
260
- .swiper-slide img {
261
- max-width: 100%;
262
- max-height: 100%;
263
- }*/
264
-
265
265
  .like-button {
266
266
  display: flex;
267
267
  flex-direction: column;
@@ -284,26 +284,12 @@ body, html {
284
284
  color: #333;
285
285
  }
286
286
 
287
- #app1 {
288
- position: relative;
289
- }
290
- .snowflake {
287
+ .slot-number {
291
288
  position: absolute;
292
- top: 0;
293
- left: 0;
294
- width: 10px;
295
- height: 10px;
296
- background: red;
297
- border-radius: 50%;
298
- animation: falling 10s linear infinite;
299
- }
300
- @keyframes falling {
301
- from {
302
- transform: translateY(0) rotate(0deg);
303
- }
304
- to {
305
- transform: translateY(100vh) rotate(360deg);
306
- }
289
+ bottom: 2px;
290
+ left: 7px;
291
+ font-size: 12px;
292
+ color: #666
307
293
  }
308
294
 
309
295
  .video-player {
@@ -326,6 +312,20 @@ body, html {
326
312
  .play-pause-button:hover {
327
313
  background: rgba(0, 0, 0, 0.8);
328
314
  }
315
+
316
+ /*.swiper-container {
317
+ width: 100%;
318
+ height: 300px;
319
+ }
320
+
321
+ .swiper-slide {
322
+ text-align: center;
323
+ }
324
+
325
+ .swiper-slide img {
326
+ max-width: 100%;
327
+ max-height: 100%;
328
+ }*/
329
329
  /**
330
330
  * Swiper 6.8.4
331
331
  * Most modern mobile touch slider and framework with hardware accelerated transitions
package/dist/unika-components.esm.js CHANGED
@@ -46750,24 +46750,18 @@ var script$1 = defineComponent({
46750
46750
  const animationLinkC = ref(props.animationLink);
46751
46751
  watch(loop, (newVal) => {
46752
46752
  loopC.value = newVal;
46753
- if (lottieAnimation.value) {
46754
- lottieAnimation.value.stop();
46755
- lottieAnimation.value.play();
46756
- }
46753
+ play();
46754
+ console.log(loopC);
46757
46755
  });
46758
46756
  watch(delay, (newVal) => {
46759
46757
  delayC.value = newVal;
46760
- if (lottieAnimation.value) {
46761
- lottieAnimation.value.stop();
46762
- lottieAnimation.value.play();
46763
- }
46758
+ play();
46759
+ console.log(delayC);
46764
46760
  });
46765
46761
  watch(animationLink, (newVal) => {
46766
46762
  animationLinkC.value = newVal;
46767
- if (lottieAnimation.value) {
46768
- lottieAnimation.value.stop();
46769
- lottieAnimation.value.play();
46770
- }
46763
+ play();
46764
+ console.log(animationLinkC);
46771
46765
  });
46772
46766
  const play = () => {
46773
46767
  if (lottieAnimation.value) {
package/dist/unika-components.umd.js CHANGED
@@ -46757,24 +46757,18 @@
46757
46757
  const animationLinkC = vue.ref(props.animationLink);
46758
46758
  vue.watch(loop, (newVal) => {
46759
46759
  loopC.value = newVal;
46760
- if (lottieAnimation.value) {
46761
- lottieAnimation.value.stop();
46762
- lottieAnimation.value.play();
46763
- }
46760
+ play();
46761
+ console.log(loopC);
46764
46762
  });
46765
46763
  vue.watch(delay, (newVal) => {
46766
46764
  delayC.value = newVal;
46767
- if (lottieAnimation.value) {
46768
- lottieAnimation.value.stop();
46769
- lottieAnimation.value.play();
46770
- }
46765
+ play();
46766
+ console.log(delayC);
46771
46767
  });
46772
46768
  vue.watch(animationLink, (newVal) => {
46773
46769
  animationLinkC.value = newVal;
46774
- if (lottieAnimation.value) {
46775
- lottieAnimation.value.stop();
46776
- lottieAnimation.value.play();
46777
- }
46770
+ play();
46771
+ console.log(animationLinkC);
46778
46772
  });
46779
46773
  const play = () => {
46780
46774
  if (lottieAnimation.value) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unika-components",
3
- "version": "1.0.58",
3
+ "version": "1.0.60",
4
4
  "private": false,
5
5
  "main": "dist/unika-components.umd.js",
6
6
  "module": "dist/unika-components.esm.js",