unika-components 1.0.295 → 1.0.297
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.
|
@@ -5,15 +5,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
5
5
|
styleProps: import("vue").ComputedRef<Pick<any, string>>;
|
|
6
6
|
handleClick: () => void;
|
|
7
7
|
maskStyle: import("vue").ComputedRef<{
|
|
8
|
-
WebkitMaskBoxImageRepeat: string;
|
|
9
8
|
WebkitMaskBoxImageSource: string;
|
|
10
|
-
|
|
11
|
-
MaskSize: string;
|
|
9
|
+
MaskImage: string;
|
|
12
10
|
} | {
|
|
13
|
-
WebkitMaskBoxImageRepeat?: undefined;
|
|
14
11
|
WebkitMaskBoxImageSource?: undefined;
|
|
15
|
-
|
|
16
|
-
MaskSize?: undefined;
|
|
12
|
+
MaskImage?: undefined;
|
|
17
13
|
}>;
|
|
18
14
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
19
15
|
[x: string]: any;
|
|
@@ -18,6 +18,11 @@ button.uni-text-component {
|
|
|
18
18
|
box-sizing: border-box;
|
|
19
19
|
white-space: pre-wrap;
|
|
20
20
|
}
|
|
21
|
+
|
|
22
|
+
.effect {
|
|
23
|
+
width: 100%;
|
|
24
|
+
height: 100%;
|
|
25
|
+
}
|
|
21
26
|
|
|
22
27
|
.slide-guide {
|
|
23
28
|
position: absolute;
|
|
@@ -136,6 +141,47 @@ body, html {
|
|
|
136
141
|
color: #666
|
|
137
142
|
}
|
|
138
143
|
|
|
144
|
+
.swiper-warp {
|
|
145
|
+
width: 100%;
|
|
146
|
+
height: 100%;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.swiper-slide-component {
|
|
150
|
+
text-align: center;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.swiper-slide img {
|
|
154
|
+
max-width: 100%;
|
|
155
|
+
max-height: 100%;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.like-button {
|
|
159
|
+
display: flex;
|
|
160
|
+
flex-direction: column;
|
|
161
|
+
align-items: center;
|
|
162
|
+
cursor: pointer;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.icon-heart {
|
|
166
|
+
font-size: 24px;
|
|
167
|
+
color: #e74c3c;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.liked {
|
|
171
|
+
color: #f00; /* 更改颜色以示已赞 */
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.like-count {
|
|
175
|
+
margin-top: 4px;
|
|
176
|
+
font-size: 16px;
|
|
177
|
+
color: #333;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.uni-lotties-component {
|
|
181
|
+
width: 100%;
|
|
182
|
+
height: 100%;
|
|
183
|
+
}
|
|
184
|
+
|
|
139
185
|
.ant-input-number {
|
|
140
186
|
box-sizing: border-box;
|
|
141
187
|
margin: 0;
|
|
@@ -171,58 +217,12 @@ body, html {
|
|
|
171
217
|
vertical-align: top;
|
|
172
218
|
}
|
|
173
219
|
|
|
174
|
-
.uni-
|
|
175
|
-
|
|
176
|
-
height: 100%;
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
.like-button {
|
|
180
|
-
display: flex;
|
|
181
|
-
flex-direction: column;
|
|
182
|
-
align-items: center;
|
|
183
|
-
cursor: pointer;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
.icon-heart {
|
|
187
|
-
font-size: 24px;
|
|
188
|
-
color: #e74c3c;
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
.liked {
|
|
192
|
-
color: #f00; /* 更改颜色以示已赞 */
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
.like-count {
|
|
196
|
-
margin-top: 4px;
|
|
197
|
-
font-size: 16px;
|
|
198
|
-
color: #333;
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
.effect {
|
|
202
|
-
width: 100%;
|
|
203
|
-
height: 100%;
|
|
204
|
-
}
|
|
220
|
+
.uni-build-up-component {
|
|
221
|
+
}
|
|
205
222
|
|
|
206
223
|
.uni-svg-component {
|
|
207
224
|
display: inline-block;
|
|
208
225
|
}
|
|
209
|
-
|
|
210
|
-
.swiper-warp {
|
|
211
|
-
width: 100%;
|
|
212
|
-
height: 100%;
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
.swiper-slide-component {
|
|
216
|
-
text-align: center;
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
.swiper-slide img {
|
|
220
|
-
max-width: 100%;
|
|
221
|
-
max-height: 100%;
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
.uni-build-up-component {
|
|
225
|
-
}
|
|
226
226
|
/**
|
|
227
227
|
* Swiper 6.8.4
|
|
228
228
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
@@ -5427,11 +5427,12 @@ var script$k = defineComponent({
|
|
|
5427
5427
|
return props.maskImage
|
|
5428
5428
|
? {
|
|
5429
5429
|
// WebkitMaskImage: `url(${props.maskImage})`,
|
|
5430
|
-
WebkitMaskBoxImageRepeat: 'stretch',
|
|
5430
|
+
// WebkitMaskBoxImageRepeat: 'stretch',
|
|
5431
5431
|
// WebkitMaskSize: 'contain',
|
|
5432
5432
|
WebkitMaskBoxImageSource: `url(${props.maskImage})`,
|
|
5433
|
-
|
|
5434
|
-
|
|
5433
|
+
MaskImage: `url(${props.maskImage})`,
|
|
5434
|
+
// Mask: `url(${props.maskImage}) no-repeat center`,
|
|
5435
|
+
// MaskSize: 'cover'
|
|
5435
5436
|
}
|
|
5436
5437
|
: {};
|
|
5437
5438
|
});
|
|
@@ -5434,11 +5434,12 @@
|
|
|
5434
5434
|
return props.maskImage
|
|
5435
5435
|
? {
|
|
5436
5436
|
// WebkitMaskImage: `url(${props.maskImage})`,
|
|
5437
|
-
WebkitMaskBoxImageRepeat: 'stretch',
|
|
5437
|
+
// WebkitMaskBoxImageRepeat: 'stretch',
|
|
5438
5438
|
// WebkitMaskSize: 'contain',
|
|
5439
5439
|
WebkitMaskBoxImageSource: `url(${props.maskImage})`,
|
|
5440
|
-
|
|
5441
|
-
|
|
5440
|
+
MaskImage: `url(${props.maskImage})`,
|
|
5441
|
+
// Mask: `url(${props.maskImage}) no-repeat center`,
|
|
5442
|
+
// MaskSize: 'cover'
|
|
5442
5443
|
}
|
|
5443
5444
|
: {};
|
|
5444
5445
|
});
|