unika-components 1.0.352 → 1.0.353
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.
- package/dist/unika-components.css +81 -81
- package/package.json +1 -1
|
@@ -74,6 +74,79 @@
|
|
|
74
74
|
display: inline-block;
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
+
#audio {
|
|
78
|
+
position: absolute;
|
|
79
|
+
right: 10px;
|
|
80
|
+
top: 10px;
|
|
81
|
+
z-index: 103;
|
|
82
|
+
width: 30px;
|
|
83
|
+
height: 30px;
|
|
84
|
+
display: flex;
|
|
85
|
+
align-items: center;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
#audio .mrotate {
|
|
89
|
+
animation: mrotate 5s linear infinite;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
@keyframes mrotate {
|
|
93
|
+
to {
|
|
94
|
+
transform: rotate(1turn);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
#audio .audio {
|
|
99
|
+
width: 100%;
|
|
100
|
+
height: 100%;
|
|
101
|
+
display: flex;
|
|
102
|
+
align-items: center;
|
|
103
|
+
justify-content: center;
|
|
104
|
+
color: #fff;
|
|
105
|
+
background: #666;
|
|
106
|
+
border-radius: 50%;
|
|
107
|
+
overflow: hidden;
|
|
108
|
+
cursor: pointer;
|
|
109
|
+
transition: all 0.3s ease;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
#audio .audio.a-border {
|
|
113
|
+
border: 1px solid #fff;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
#audio .audio .music-icon {
|
|
117
|
+
display: block;
|
|
118
|
+
width: 60%;
|
|
119
|
+
height: 60%;
|
|
120
|
+
object-fit: contain;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
#audio .audio .iconfont {
|
|
124
|
+
font-size: 2opx;
|
|
125
|
+
line-height: 1;
|
|
126
|
+
}
|
|
127
|
+
#audio .icon-cancel {
|
|
128
|
+
position: absolute;
|
|
129
|
+
width: 100%;
|
|
130
|
+
height: 100%;
|
|
131
|
+
border-radius: 50%;
|
|
132
|
+
overflow: hidden;
|
|
133
|
+
padding: 15px 0;
|
|
134
|
+
}
|
|
135
|
+
#audio .icon-cancel .icon-h {
|
|
136
|
+
transform: rotate(45deg);
|
|
137
|
+
width: 100%;
|
|
138
|
+
height: 2px;
|
|
139
|
+
margin-top: 15px;
|
|
140
|
+
background: #fff;
|
|
141
|
+
}
|
|
142
|
+
#audio .icon-cancel .icon-h:before, #audio .icon-cancel .icon-h:after {
|
|
143
|
+
content: '';
|
|
144
|
+
position: absolute;
|
|
145
|
+
width: 100%;
|
|
146
|
+
height: 2px;
|
|
147
|
+
background: #fff;
|
|
148
|
+
}
|
|
149
|
+
|
|
77
150
|
.uni-video-component {
|
|
78
151
|
position: relative;
|
|
79
152
|
text-align: center;
|
|
@@ -95,11 +168,6 @@
|
|
|
95
168
|
background: rgba(0, 0, 0, 0.8);
|
|
96
169
|
}
|
|
97
170
|
|
|
98
|
-
.effect {
|
|
99
|
-
width: 100%;
|
|
100
|
-
height: 100%;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
171
|
|
|
104
172
|
.uni-calendar-component {
|
|
105
173
|
|
|
@@ -169,81 +237,14 @@
|
|
|
169
237
|
vertical-align: top;
|
|
170
238
|
}
|
|
171
239
|
|
|
172
|
-
|
|
173
|
-
position: absolute;
|
|
174
|
-
right: 10px;
|
|
175
|
-
top: 10px;
|
|
176
|
-
z-index: 103;
|
|
177
|
-
width: 30px;
|
|
178
|
-
height: 30px;
|
|
179
|
-
display: flex;
|
|
180
|
-
align-items: center;
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
#audio .mrotate {
|
|
184
|
-
animation: mrotate 5s linear infinite;
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
@keyframes mrotate {
|
|
188
|
-
to {
|
|
189
|
-
transform: rotate(1turn);
|
|
190
|
-
}
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
#audio .audio {
|
|
240
|
+
.effect {
|
|
194
241
|
width: 100%;
|
|
195
242
|
height: 100%;
|
|
196
|
-
display: flex;
|
|
197
|
-
align-items: center;
|
|
198
|
-
justify-content: center;
|
|
199
|
-
color: #fff;
|
|
200
|
-
background: #666;
|
|
201
|
-
border-radius: 50%;
|
|
202
|
-
overflow: hidden;
|
|
203
|
-
cursor: pointer;
|
|
204
|
-
transition: all 0.3s ease;
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
#audio .audio.a-border {
|
|
208
|
-
border: 1px solid #fff;
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
#audio .audio .music-icon {
|
|
212
|
-
display: block;
|
|
213
|
-
width: 60%;
|
|
214
|
-
height: 60%;
|
|
215
|
-
object-fit: contain;
|
|
216
243
|
}
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
}
|
|
222
|
-
#audio .icon-cancel {
|
|
223
|
-
position: absolute;
|
|
224
|
-
width: 100%;
|
|
225
|
-
height: 100%;
|
|
226
|
-
border-radius: 50%;
|
|
227
|
-
overflow: hidden;
|
|
228
|
-
padding: 15px 0;
|
|
229
|
-
}
|
|
230
|
-
#audio .icon-cancel .icon-h {
|
|
231
|
-
transform: rotate(45deg);
|
|
232
|
-
width: 100%;
|
|
233
|
-
height: 2px;
|
|
234
|
-
margin-top: 15px;
|
|
235
|
-
background: #fff;
|
|
236
|
-
}
|
|
237
|
-
#audio .icon-cancel .icon-h:before, #audio .icon-cancel .icon-h:after {
|
|
238
|
-
content: '';
|
|
239
|
-
position: absolute;
|
|
240
|
-
width: 100%;
|
|
241
|
-
height: 2px;
|
|
242
|
-
background: #fff;
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
.uni-build-up-component {
|
|
246
|
-
}
|
|
244
|
+
|
|
245
|
+
.uni-svg-component {
|
|
246
|
+
display: inline-block;
|
|
247
|
+
}
|
|
247
248
|
|
|
248
249
|
.uni-lotties-component {
|
|
249
250
|
width: 100%;
|
|
@@ -446,10 +447,9 @@
|
|
|
446
447
|
background-position: center;
|
|
447
448
|
will-change: transform;
|
|
448
449
|
}
|
|
449
|
-
|
|
450
|
-
.uni-
|
|
451
|
-
|
|
452
|
-
}
|
|
450
|
+
|
|
451
|
+
.uni-build-up-component {
|
|
452
|
+
}
|
|
453
453
|
|
|
454
454
|
|
|
455
455
|
.no-animation__card {
|