unika-components 1.0.10 → 1.0.12
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,89 +1,4 @@
|
|
|
1
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
|
-
|
|
14
|
-
.slide-guide {
|
|
15
|
-
position: absolute;
|
|
16
|
-
bottom: 90px;
|
|
17
|
-
left: 50%;
|
|
18
|
-
transform: translateX(-50%);
|
|
19
|
-
}
|
|
20
|
-
.slide-guide img {
|
|
21
|
-
animation: flowing 2s ease-in-out infinite;
|
|
22
|
-
width: 33px;
|
|
23
|
-
vertical-align: middle;
|
|
24
|
-
border-style: none;
|
|
25
|
-
}
|
|
26
|
-
body, html {
|
|
27
|
-
position: relative;
|
|
28
|
-
width: 100%;
|
|
29
|
-
height: 100%;
|
|
30
|
-
margin: 0px;
|
|
31
|
-
}
|
|
32
|
-
.swiper-container {
|
|
33
|
-
width: 100%;
|
|
34
|
-
height: 100%;
|
|
35
|
-
}
|
|
36
|
-
.swiper-slide {
|
|
37
|
-
width: 100%;
|
|
38
|
-
height: 100%;
|
|
39
|
-
overflow: hidden;
|
|
40
|
-
background-size: cover;
|
|
41
|
-
background-position: center;
|
|
42
|
-
background-repeat: no-repeat;
|
|
43
|
-
}
|
|
44
|
-
.up-arrow {
|
|
45
|
-
width: 2rem;
|
|
46
|
-
height: 2rem;
|
|
47
|
-
position: fixed;
|
|
48
|
-
bottom: 2rem;
|
|
49
|
-
left: 50%;
|
|
50
|
-
transform: translate3d(-50%, 0, 0);
|
|
51
|
-
z-index: 999;
|
|
52
|
-
background: none;
|
|
53
|
-
border: none;
|
|
54
|
-
padding: 0;
|
|
55
|
-
animation: upArrowAni 2s infinite linear;
|
|
56
|
-
}
|
|
57
|
-
.up-arrow img {
|
|
58
|
-
width: 2rem;
|
|
59
|
-
height: 2rem;
|
|
60
|
-
text-align: center;
|
|
61
|
-
line-height: 2rem;
|
|
62
|
-
color: #fff;
|
|
63
|
-
font-size: 1.5rem;
|
|
64
|
-
}
|
|
65
|
-
@keyframes upArrowAni {
|
|
66
|
-
0% {
|
|
67
|
-
opacity: 0;
|
|
68
|
-
transform: translate3d(-50%, 30%, 0);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
30% {
|
|
72
|
-
opacity: 1;
|
|
73
|
-
transform: translate3d(-50%, -20%, 0);
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
60% {
|
|
77
|
-
opacity: 0;
|
|
78
|
-
transform: translate3d(-50%, -35%, 0);
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
100% {
|
|
82
|
-
opacity: 0;
|
|
83
|
-
transform: translate3d(-50%, -50%, 0);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
|
|
87
2
|
.uni-image-component {
|
|
88
3
|
max-width: 100%;
|
|
89
4
|
}
|
|
@@ -108,42 +23,18 @@ body, html {
|
|
|
108
23
|
.play-pause-button:hover {
|
|
109
24
|
background: rgba(0, 0, 0, 0.8);
|
|
110
25
|
}
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
position: absolute;
|
|
124
|
-
top: 0;
|
|
125
|
-
left: 0;
|
|
126
|
-
right: 0;
|
|
127
|
-
bottom: 0;
|
|
128
|
-
}
|
|
129
|
-
.watermark-div {
|
|
130
|
-
height: 100%;
|
|
131
|
-
width:100%;
|
|
132
|
-
position:absolute;
|
|
133
|
-
z-index:99999999;
|
|
134
|
-
}
|
|
135
|
-
/* body:before{
|
|
136
|
-
content: '';
|
|
137
|
-
position: fixed;
|
|
138
|
-
top: 0;
|
|
139
|
-
bottom: 0;
|
|
140
|
-
left: 0;
|
|
141
|
-
right: 0;
|
|
142
|
-
z-index: -1;
|
|
143
|
-
background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat;
|
|
144
|
-
background-position: center;
|
|
145
|
-
opacity: 0.1;
|
|
146
|
-
} */
|
|
26
|
+
|
|
27
|
+
h2.uni-text-component, p.uni-text-component {
|
|
28
|
+
margin-bottom: 0;
|
|
29
|
+
}
|
|
30
|
+
button.uni-text-component {
|
|
31
|
+
padding: 5px 10px;
|
|
32
|
+
cursor: pointer;
|
|
33
|
+
}
|
|
34
|
+
.uni-text-component {
|
|
35
|
+
box-sizing: border-box;
|
|
36
|
+
white-space: pre-wrap;
|
|
37
|
+
}
|
|
147
38
|
|
|
148
39
|
#audio {
|
|
149
40
|
position: absolute;
|
|
@@ -239,6 +130,115 @@ body, html {
|
|
|
239
130
|
-webkit-transform: rotate(360deg);
|
|
240
131
|
}
|
|
241
132
|
}
|
|
133
|
+
|
|
134
|
+
.slide-guide {
|
|
135
|
+
position: absolute;
|
|
136
|
+
bottom: 90px;
|
|
137
|
+
left: 50%;
|
|
138
|
+
transform: translateX(-50%);
|
|
139
|
+
}
|
|
140
|
+
.slide-guide img {
|
|
141
|
+
animation: flowing 2s ease-in-out infinite;
|
|
142
|
+
width: 33px;
|
|
143
|
+
vertical-align: middle;
|
|
144
|
+
border-style: none;
|
|
145
|
+
}
|
|
146
|
+
body, html {
|
|
147
|
+
position: relative;
|
|
148
|
+
width: 100%;
|
|
149
|
+
height: 100%;
|
|
150
|
+
margin: 0px;
|
|
151
|
+
}
|
|
152
|
+
.swiper-container {
|
|
153
|
+
width: 100%;
|
|
154
|
+
height: 100%;
|
|
155
|
+
}
|
|
156
|
+
.swiper-slide {
|
|
157
|
+
width: 100%;
|
|
158
|
+
height: 100%;
|
|
159
|
+
overflow: hidden;
|
|
160
|
+
background-size: cover;
|
|
161
|
+
background-position: center;
|
|
162
|
+
background-repeat: no-repeat;
|
|
163
|
+
}
|
|
164
|
+
.up-arrow {
|
|
165
|
+
width: 2rem;
|
|
166
|
+
height: 2rem;
|
|
167
|
+
position: fixed;
|
|
168
|
+
bottom: 2rem;
|
|
169
|
+
left: 50%;
|
|
170
|
+
transform: translate3d(-50%, 0, 0);
|
|
171
|
+
z-index: 999;
|
|
172
|
+
background: none;
|
|
173
|
+
border: none;
|
|
174
|
+
padding: 0;
|
|
175
|
+
animation: upArrowAni 2s infinite linear;
|
|
176
|
+
}
|
|
177
|
+
.up-arrow img {
|
|
178
|
+
width: 2rem;
|
|
179
|
+
height: 2rem;
|
|
180
|
+
text-align: center;
|
|
181
|
+
line-height: 2rem;
|
|
182
|
+
color: #fff;
|
|
183
|
+
font-size: 1.5rem;
|
|
184
|
+
}
|
|
185
|
+
@keyframes upArrowAni {
|
|
186
|
+
0% {
|
|
187
|
+
opacity: 0;
|
|
188
|
+
transform: translate3d(-50%, 30%, 0);
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
30% {
|
|
192
|
+
opacity: 1;
|
|
193
|
+
transform: translate3d(-50%, -20%, 0);
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
60% {
|
|
197
|
+
opacity: 0;
|
|
198
|
+
transform: translate3d(-50%, -35%, 0);
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
100% {
|
|
202
|
+
opacity: 0;
|
|
203
|
+
transform: translate3d(-50%, -50%, 0);
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.uni-background-component {
|
|
208
|
+
width: 100%;
|
|
209
|
+
}
|
|
210
|
+
.bg-img {
|
|
211
|
+
width: 100%;
|
|
212
|
+
height: 100%;
|
|
213
|
+
object-fit: cover;
|
|
214
|
+
z-index:1;
|
|
215
|
+
}
|
|
216
|
+
.watermark {
|
|
217
|
+
height: 100%;
|
|
218
|
+
position: absolute;
|
|
219
|
+
top: 0;
|
|
220
|
+
left: 0;
|
|
221
|
+
right: 0;
|
|
222
|
+
bottom: 0;
|
|
223
|
+
}
|
|
224
|
+
.watermark-div {
|
|
225
|
+
height: 100%;
|
|
226
|
+
width:100%;
|
|
227
|
+
position:absolute;
|
|
228
|
+
z-index:99999999;
|
|
229
|
+
}
|
|
230
|
+
body:before{
|
|
231
|
+
content: '';
|
|
232
|
+
position: fixed;
|
|
233
|
+
top: 0;
|
|
234
|
+
bottom: 0;
|
|
235
|
+
left: 0;
|
|
236
|
+
right: 0;
|
|
237
|
+
z-index: -1;
|
|
238
|
+
/* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
|
|
239
|
+
background-position: center;
|
|
240
|
+
opacity: 0.1;
|
|
241
|
+
}
|
|
242
242
|
/**
|
|
243
243
|
* Swiper 6.8.4
|
|
244
244
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
@@ -11646,7 +11646,7 @@ var script$2 = defineComponent({
|
|
|
11646
11646
|
props: {
|
|
11647
11647
|
watermark: {
|
|
11648
11648
|
type: Boolean,
|
|
11649
|
-
default:
|
|
11649
|
+
default: false
|
|
11650
11650
|
},
|
|
11651
11651
|
...defaultProps$2
|
|
11652
11652
|
},
|
|
@@ -11664,8 +11664,10 @@ var script$2 = defineComponent({
|
|
|
11664
11664
|
}
|
|
11665
11665
|
});
|
|
11666
11666
|
|
|
11667
|
-
const
|
|
11668
|
-
|
|
11667
|
+
const _hoisted_1$2 = {
|
|
11668
|
+
key: 0,
|
|
11669
|
+
class: "watermark"
|
|
11670
|
+
};
|
|
11669
11671
|
const _hoisted_2$2 = ["src"];
|
|
11670
11672
|
|
|
11671
11673
|
function render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
@@ -11674,10 +11676,12 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11674
11676
|
class: "uni-background-component"
|
|
11675
11677
|
}, [
|
|
11676
11678
|
createCommentVNode(" <a-watermark v-if=\"watermark\" content=\"Unika\" class=\"watermark\">\r\n <div style=\"\" />\r\n </a-watermark> "),
|
|
11677
|
-
|
|
11679
|
+
(_ctx.watermark)
|
|
11680
|
+
? (openBlock(), createElementBlock("div", _hoisted_1$2, "Unika"))
|
|
11681
|
+
: createCommentVNode("v-if", true),
|
|
11678
11682
|
(_ctx.backgroundImage !== '')
|
|
11679
11683
|
? (openBlock(), createElementBlock("img", {
|
|
11680
|
-
key:
|
|
11684
|
+
key: 1,
|
|
11681
11685
|
src: _ctx.backgroundImage,
|
|
11682
11686
|
class: "bg-img"
|
|
11683
11687
|
}, null, 8 /* PROPS */, _hoisted_2$2))
|
|
@@ -11650,7 +11650,7 @@
|
|
|
11650
11650
|
props: {
|
|
11651
11651
|
watermark: {
|
|
11652
11652
|
type: Boolean,
|
|
11653
|
-
default:
|
|
11653
|
+
default: false
|
|
11654
11654
|
},
|
|
11655
11655
|
...defaultProps$2
|
|
11656
11656
|
},
|
|
@@ -11668,8 +11668,10 @@
|
|
|
11668
11668
|
}
|
|
11669
11669
|
});
|
|
11670
11670
|
|
|
11671
|
-
const
|
|
11672
|
-
|
|
11671
|
+
const _hoisted_1$2 = {
|
|
11672
|
+
key: 0,
|
|
11673
|
+
class: "watermark"
|
|
11674
|
+
};
|
|
11673
11675
|
const _hoisted_2$2 = ["src"];
|
|
11674
11676
|
|
|
11675
11677
|
function render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
@@ -11678,10 +11680,12 @@
|
|
|
11678
11680
|
class: "uni-background-component"
|
|
11679
11681
|
}, [
|
|
11680
11682
|
vue.createCommentVNode(" <a-watermark v-if=\"watermark\" content=\"Unika\" class=\"watermark\">\r\n <div style=\"\" />\r\n </a-watermark> "),
|
|
11681
|
-
|
|
11683
|
+
(_ctx.watermark)
|
|
11684
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, "Unika"))
|
|
11685
|
+
: vue.createCommentVNode("v-if", true),
|
|
11682
11686
|
(_ctx.backgroundImage !== '')
|
|
11683
11687
|
? (vue.openBlock(), vue.createElementBlock("img", {
|
|
11684
|
-
key:
|
|
11688
|
+
key: 1,
|
|
11685
11689
|
src: _ctx.backgroundImage,
|
|
11686
11690
|
class: "bg-img"
|
|
11687
11691
|
}, null, 8 /* PROPS */, _hoisted_2$2))
|