unika-components 1.0.95 → 1.0.97
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,4 +1,8 @@
|
|
|
1
1
|
|
|
2
|
+
.uni-image-component {
|
|
3
|
+
max-width: 100%;
|
|
4
|
+
}
|
|
5
|
+
|
|
2
6
|
h2.uni-text-component, p.uni-text-component {
|
|
3
7
|
margin-bottom: 0;
|
|
4
8
|
}
|
|
@@ -84,61 +88,6 @@ body, html {
|
|
|
84
88
|
}
|
|
85
89
|
}
|
|
86
90
|
|
|
87
|
-
.uni-video-component {
|
|
88
|
-
position: relative;
|
|
89
|
-
text-align: center;
|
|
90
|
-
}
|
|
91
|
-
.play-pause-button {
|
|
92
|
-
position: absolute;
|
|
93
|
-
top: 50%;
|
|
94
|
-
left: 50%;
|
|
95
|
-
transform: translate(-50%, -50%);
|
|
96
|
-
cursor: pointer;
|
|
97
|
-
font-size: 2rem;
|
|
98
|
-
color: #fff;
|
|
99
|
-
background: rgba(0, 0, 0, 0.6);
|
|
100
|
-
border-radius: 50%;
|
|
101
|
-
padding: 10px;
|
|
102
|
-
transition: background 0.3s;
|
|
103
|
-
}
|
|
104
|
-
.play-pause-button:hover {
|
|
105
|
-
background: rgba(0, 0, 0, 0.8);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.slot-number {
|
|
109
|
-
position: absolute;
|
|
110
|
-
bottom: 2px;
|
|
111
|
-
left: 7px;
|
|
112
|
-
font-size: 12px;
|
|
113
|
-
color: #666
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.like-button {
|
|
117
|
-
display: flex;
|
|
118
|
-
flex-direction: column;
|
|
119
|
-
align-items: center;
|
|
120
|
-
cursor: pointer;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
.icon-heart {
|
|
124
|
-
font-size: 24px;
|
|
125
|
-
color: #e74c3c;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.liked {
|
|
129
|
-
color: #f00; /* 更改颜色以示已赞 */
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
.like-count {
|
|
133
|
-
margin-top: 4px;
|
|
134
|
-
font-size: 16px;
|
|
135
|
-
color: #333;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
.uni-image-component {
|
|
139
|
-
max-width: 100%;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
91
|
#audio {
|
|
143
92
|
position: absolute;
|
|
144
93
|
right: 10px;
|
|
@@ -220,9 +169,34 @@ body, html {
|
|
|
220
169
|
}
|
|
221
170
|
}
|
|
222
171
|
|
|
223
|
-
.
|
|
224
|
-
|
|
225
|
-
|
|
172
|
+
.slot-number {
|
|
173
|
+
position: absolute;
|
|
174
|
+
bottom: 2px;
|
|
175
|
+
left: 7px;
|
|
176
|
+
font-size: 12px;
|
|
177
|
+
color: #666
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.like-button {
|
|
181
|
+
display: flex;
|
|
182
|
+
flex-direction: column;
|
|
183
|
+
align-items: center;
|
|
184
|
+
cursor: pointer;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.icon-heart {
|
|
188
|
+
font-size: 24px;
|
|
189
|
+
color: #e74c3c;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.liked {
|
|
193
|
+
color: #f00; /* 更改颜色以示已赞 */
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
.like-count {
|
|
197
|
+
margin-top: 4px;
|
|
198
|
+
font-size: 16px;
|
|
199
|
+
color: #333;
|
|
226
200
|
}
|
|
227
201
|
|
|
228
202
|
.ant-input-number {
|
|
@@ -260,6 +234,11 @@ body, html {
|
|
|
260
234
|
vertical-align: top;
|
|
261
235
|
}
|
|
262
236
|
|
|
237
|
+
.effect {
|
|
238
|
+
width: 100%;
|
|
239
|
+
height: 100%;
|
|
240
|
+
}
|
|
241
|
+
|
|
263
242
|
.swiper-warp {
|
|
264
243
|
width: 100%;
|
|
265
244
|
height: 100%;
|
|
@@ -274,6 +253,27 @@ body, html {
|
|
|
274
253
|
max-height: 100%;
|
|
275
254
|
}
|
|
276
255
|
|
|
256
|
+
.uni-video-component {
|
|
257
|
+
position: relative;
|
|
258
|
+
text-align: center;
|
|
259
|
+
}
|
|
260
|
+
.play-pause-button {
|
|
261
|
+
position: absolute;
|
|
262
|
+
top: 50%;
|
|
263
|
+
left: 50%;
|
|
264
|
+
transform: translate(-50%, -50%);
|
|
265
|
+
cursor: pointer;
|
|
266
|
+
font-size: 2rem;
|
|
267
|
+
color: #fff;
|
|
268
|
+
background: rgba(0, 0, 0, 0.6);
|
|
269
|
+
border-radius: 50%;
|
|
270
|
+
padding: 10px;
|
|
271
|
+
transition: background 0.3s;
|
|
272
|
+
}
|
|
273
|
+
.play-pause-button:hover {
|
|
274
|
+
background: rgba(0, 0, 0, 0.8);
|
|
275
|
+
}
|
|
276
|
+
|
|
277
277
|
.barrage-container {
|
|
278
278
|
position: fixed;
|
|
279
279
|
bottom: 0;
|
|
@@ -13080,8 +13080,8 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13080
13080
|
const _component_swiper = resolveComponent("swiper");
|
|
13081
13081
|
|
|
13082
13082
|
return (openBlock(), createElementBlock("div", _hoisted_1$c, [
|
|
13083
|
-
createCommentVNode("
|
|
13084
|
-
createCommentVNode("
|
|
13083
|
+
createCommentVNode(" <uni-tanmu v-if=\"work?.tanmu\" v-bind=\"{ publishContentID: work.uuid }\"/>"),
|
|
13084
|
+
createCommentVNode(" <uni-music v-if=\"work?.music?.musicSrc\" v-bind=\"{ musicSrc: work?.music?.musicSrc }\"/>"),
|
|
13085
13085
|
createVNode(_component_swiper, {
|
|
13086
13086
|
class: "swiper-container",
|
|
13087
13087
|
modules: _ctx.modules,
|
|
@@ -13086,8 +13086,8 @@
|
|
|
13086
13086
|
const _component_swiper = vue.resolveComponent("swiper");
|
|
13087
13087
|
|
|
13088
13088
|
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
|
|
13089
|
-
vue.createCommentVNode("
|
|
13090
|
-
vue.createCommentVNode("
|
|
13089
|
+
vue.createCommentVNode(" <uni-tanmu v-if=\"work?.tanmu\" v-bind=\"{ publishContentID: work.uuid }\"/>"),
|
|
13090
|
+
vue.createCommentVNode(" <uni-music v-if=\"work?.music?.musicSrc\" v-bind=\"{ musicSrc: work?.music?.musicSrc }\"/>"),
|
|
13091
13091
|
vue.createVNode(_component_swiper, {
|
|
13092
13092
|
class: "swiper-container",
|
|
13093
13093
|
modules: _ctx.modules,
|