@hlw-uni/mp-vue 1.1.0 → 1.1.2
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/index.js +39 -33
- package/dist/index.mjs +39 -33
- package/dist/style.css +155 -154
- package/package.json +1 -1
- package/src/components/hlw-avatar/index.vue +15 -0
- package/src/components/hlw-button/index.vue +25 -0
- package/src/components/hlw-cell/index.vue +30 -0
- package/src/components/hlw-divider/index.vue +20 -0
- package/src/components/hlw-empty/index.vue +3 -2
- package/src/components/hlw-header/index.vue +28 -0
- package/src/components/hlw-loading/index.vue +13 -0
- package/src/components/hlw-modal/index.vue +14 -4
- package/src/components/hlw-notice-bar/index.vue +5 -5
- package/src/components/hlw-page/index.vue +24 -0
- package/src/components/hlw-popup/index.vue +3 -3
- package/src/components/hlw-search/index.vue +6 -6
- package/src/components/hlw-skeleton/index.vue +23 -0
- package/src/components/hlw-tabs/index.vue +22 -0
- package/src/components/hlw-tag/index.vue +2 -2
package/dist/style.css
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
.hlw-avatar[data-v-
|
|
2
|
+
.hlw-avatar[data-v-19006b2d] {
|
|
3
3
|
border-radius: 50%;
|
|
4
4
|
overflow: hidden;
|
|
5
5
|
flex-shrink: 0;
|
|
6
6
|
}
|
|
7
|
-
.hlw-avatar--small[data-v-
|
|
7
|
+
.hlw-avatar--small[data-v-19006b2d] { width: 56rpx; height: 56rpx;
|
|
8
8
|
}
|
|
9
|
-
.hlw-avatar--medium[data-v-
|
|
9
|
+
.hlw-avatar--medium[data-v-19006b2d] { width: 80rpx; height: 80rpx;
|
|
10
10
|
}
|
|
11
|
-
.hlw-avatar--large[data-v-
|
|
11
|
+
.hlw-avatar--large[data-v-19006b2d] { width: 120rpx; height: 120rpx;
|
|
12
12
|
}
|
|
13
|
-
.hlw-avatar__image[data-v-
|
|
13
|
+
.hlw-avatar__image[data-v-19006b2d] {
|
|
14
14
|
width: 100%;
|
|
15
15
|
height: 100%;
|
|
16
16
|
}
|
|
17
|
-
.hlw-avatar__placeholder[data-v-
|
|
17
|
+
.hlw-avatar__placeholder[data-v-19006b2d] {
|
|
18
18
|
width: 100%;
|
|
19
19
|
height: 100%;
|
|
20
20
|
background: #07c160;
|
|
@@ -22,17 +22,17 @@
|
|
|
22
22
|
align-items: center;
|
|
23
23
|
justify-content: center;
|
|
24
24
|
}
|
|
25
|
-
.hlw-avatar__initial[data-v-
|
|
25
|
+
.hlw-avatar__initial[data-v-19006b2d] {
|
|
26
26
|
color: #fff;
|
|
27
27
|
font-weight: bold;
|
|
28
28
|
}
|
|
29
|
-
.hlw-avatar--small .hlw-avatar__initial[data-v-
|
|
29
|
+
.hlw-avatar--small .hlw-avatar__initial[data-v-19006b2d] { font-size: var(--font-xs, 20rpx);
|
|
30
30
|
}
|
|
31
|
-
.hlw-avatar--medium .hlw-avatar__initial[data-v-
|
|
31
|
+
.hlw-avatar--medium .hlw-avatar__initial[data-v-19006b2d] { font-size: var(--font-base, 28rpx);
|
|
32
32
|
}
|
|
33
|
-
.hlw-avatar--large .hlw-avatar__initial[data-v-
|
|
33
|
+
.hlw-avatar--large .hlw-avatar__initial[data-v-19006b2d] { font-size: var(--font-xl, 40rpx);
|
|
34
34
|
}
|
|
35
|
-
.hlw-btn[data-v-
|
|
35
|
+
.hlw-btn[data-v-19a9c118] {
|
|
36
36
|
display: inline-flex;
|
|
37
37
|
align-items: center;
|
|
38
38
|
justify-content: center;
|
|
@@ -42,73 +42,73 @@
|
|
|
42
42
|
line-height: 1;
|
|
43
43
|
transition: opacity 0.2s;
|
|
44
44
|
}
|
|
45
|
-
.hlw-btn[data-v-
|
|
45
|
+
.hlw-btn[data-v-19a9c118]::after {
|
|
46
46
|
display: none;
|
|
47
47
|
}
|
|
48
|
-
.hlw-btn[data-v-
|
|
48
|
+
.hlw-btn[data-v-19a9c118]:active {
|
|
49
49
|
opacity: 0.7;
|
|
50
50
|
}
|
|
51
|
-
.hlw-btn--primary[data-v-
|
|
51
|
+
.hlw-btn--primary[data-v-19a9c118] {
|
|
52
52
|
background: var(--primary-color);
|
|
53
53
|
color: #fff;
|
|
54
54
|
}
|
|
55
|
-
.hlw-btn--outline[data-v-
|
|
55
|
+
.hlw-btn--outline[data-v-19a9c118] {
|
|
56
56
|
background: transparent;
|
|
57
57
|
color: var(--primary-color);
|
|
58
58
|
border: 2rpx solid var(--primary-color);
|
|
59
59
|
}
|
|
60
|
-
.hlw-btn--text[data-v-
|
|
60
|
+
.hlw-btn--text[data-v-19a9c118] {
|
|
61
61
|
background: transparent;
|
|
62
62
|
color: var(--primary-color);
|
|
63
63
|
}
|
|
64
|
-
.hlw-btn--ghost[data-v-
|
|
64
|
+
.hlw-btn--ghost[data-v-19a9c118] {
|
|
65
65
|
background: transparent;
|
|
66
66
|
color: #fff;
|
|
67
67
|
border: 2rpx solid rgba(255, 255, 255, 0.6);
|
|
68
68
|
}
|
|
69
|
-
.hlw-btn--small[data-v-
|
|
69
|
+
.hlw-btn--small[data-v-19a9c118] {
|
|
70
70
|
padding: 8rpx 20rpx;
|
|
71
71
|
font-size: var(--font-xs, 20rpx);
|
|
72
72
|
border-radius: var(--radius-sm, 8rpx);
|
|
73
73
|
}
|
|
74
|
-
.hlw-btn--medium[data-v-
|
|
74
|
+
.hlw-btn--medium[data-v-19a9c118] {
|
|
75
75
|
padding: 16rpx 32rpx;
|
|
76
76
|
font-size: var(--font-sm, 24rpx);
|
|
77
77
|
border-radius: var(--radius-md, 16rpx);
|
|
78
78
|
}
|
|
79
|
-
.hlw-btn--large[data-v-
|
|
79
|
+
.hlw-btn--large[data-v-19a9c118] {
|
|
80
80
|
padding: 24rpx 48rpx;
|
|
81
81
|
font-size: var(--font-base, 28rpx);
|
|
82
82
|
border-radius: var(--radius-md, 16rpx);
|
|
83
83
|
}
|
|
84
|
-
.hlw-btn--block[data-v-
|
|
84
|
+
.hlw-btn--block[data-v-19a9c118] {
|
|
85
85
|
display: flex;
|
|
86
86
|
width: 100%;
|
|
87
87
|
}
|
|
88
|
-
.hlw-btn--round[data-v-
|
|
88
|
+
.hlw-btn--round[data-v-19a9c118] {
|
|
89
89
|
border-radius: 999rpx;
|
|
90
90
|
}
|
|
91
|
-
.hlw-btn--disabled[data-v-
|
|
91
|
+
.hlw-btn--disabled[data-v-19a9c118] {
|
|
92
92
|
opacity: 0.4;
|
|
93
93
|
}
|
|
94
|
-
.hlw-btn--disabled[data-v-
|
|
94
|
+
.hlw-btn--disabled[data-v-19a9c118]:active {
|
|
95
95
|
opacity: 0.4;
|
|
96
96
|
}
|
|
97
|
-
.hlw-btn--loading[data-v-
|
|
97
|
+
.hlw-btn--loading[data-v-19a9c118] {
|
|
98
98
|
opacity: 0.7;
|
|
99
99
|
}
|
|
100
|
-
.hlw-btn-icon[data-v-
|
|
100
|
+
.hlw-btn-icon[data-v-19a9c118] {
|
|
101
101
|
font-size: 1.1em;
|
|
102
102
|
}
|
|
103
|
-
.hlw-btn-spinner[data-v-
|
|
103
|
+
.hlw-btn-spinner[data-v-19a9c118] {
|
|
104
104
|
width: 28rpx;
|
|
105
105
|
height: 28rpx;
|
|
106
106
|
border: 3rpx solid currentColor;
|
|
107
107
|
border-top-color: transparent;
|
|
108
108
|
border-radius: 50%;
|
|
109
|
-
animation: hlw-spin-
|
|
109
|
+
animation: hlw-spin-19a9c118 0.6s linear infinite;
|
|
110
110
|
}
|
|
111
|
-
@keyframes hlw-spin-
|
|
111
|
+
@keyframes hlw-spin-19a9c118 {
|
|
112
112
|
to {
|
|
113
113
|
transform: rotate(360deg);
|
|
114
114
|
}
|
|
@@ -201,102 +201,103 @@ to {
|
|
|
201
201
|
.hlw-card-footer-right[data-v-cf55252e] {
|
|
202
202
|
flex-shrink: 0;
|
|
203
203
|
margin-left: 16rpx;
|
|
204
|
-
}.hlw-cell[data-v-
|
|
204
|
+
}.hlw-cell[data-v-996053be] {
|
|
205
205
|
display: flex;
|
|
206
206
|
align-items: center;
|
|
207
207
|
padding: 24rpx 32rpx;
|
|
208
208
|
background: #fff;
|
|
209
209
|
gap: 20rpx;
|
|
210
210
|
}
|
|
211
|
-
.hlw-cell--border[data-v-
|
|
211
|
+
.hlw-cell--border[data-v-996053be] {
|
|
212
212
|
border-bottom: 1rpx solid var(--border-color-light, #f1f5f9);
|
|
213
213
|
}
|
|
214
|
-
.hlw-cell--border[data-v-
|
|
214
|
+
.hlw-cell--border[data-v-996053be]:last-child {
|
|
215
215
|
border-bottom: none;
|
|
216
216
|
}
|
|
217
|
-
.hlw-cell--hover[data-v-
|
|
217
|
+
.hlw-cell--hover[data-v-996053be] {
|
|
218
218
|
background: #f8fafc;
|
|
219
219
|
}
|
|
220
|
-
.hlw-cell-icon[data-v-
|
|
220
|
+
.hlw-cell-icon[data-v-996053be] {
|
|
221
221
|
font-size: var(--font-lg, 36rpx);
|
|
222
222
|
color: var(--primary-color, #3b82f6);
|
|
223
223
|
flex-shrink: 0;
|
|
224
224
|
}
|
|
225
|
-
.hlw-cell-body[data-v-
|
|
225
|
+
.hlw-cell-body[data-v-996053be] {
|
|
226
226
|
flex: 1;
|
|
227
227
|
min-width: 0;
|
|
228
228
|
display: flex;
|
|
229
229
|
align-items: center;
|
|
230
230
|
justify-content: space-between;
|
|
231
231
|
}
|
|
232
|
-
.hlw-cell-title[data-v-
|
|
232
|
+
.hlw-cell-title[data-v-996053be] {
|
|
233
233
|
font-size: var(--font-base, 28rpx);
|
|
234
234
|
color: #1e293b;
|
|
235
235
|
}
|
|
236
|
-
.hlw-cell-label[data-v-
|
|
236
|
+
.hlw-cell-label[data-v-996053be] {
|
|
237
237
|
font-size: var(--font-xs, 20rpx);
|
|
238
238
|
color: #94a3b8;
|
|
239
239
|
margin-top: 4rpx;
|
|
240
240
|
}
|
|
241
|
-
.hlw-cell-value[data-v-
|
|
241
|
+
.hlw-cell-value[data-v-996053be] {
|
|
242
242
|
font-size: var(--font-sm, 24rpx);
|
|
243
243
|
color: #94a3b8;
|
|
244
244
|
flex-shrink: 0;
|
|
245
245
|
}
|
|
246
|
-
.hlw-cell-arrow[data-v-
|
|
246
|
+
.hlw-cell-arrow[data-v-996053be] {
|
|
247
247
|
width: 16rpx;
|
|
248
248
|
height: 16rpx;
|
|
249
249
|
border-top: 3rpx solid #c0c4cc;
|
|
250
250
|
border-right: 3rpx solid #c0c4cc;
|
|
251
251
|
transform: rotate(45deg);
|
|
252
252
|
flex-shrink: 0;
|
|
253
|
-
}.hlw-divider[data-v-
|
|
253
|
+
}.hlw-divider[data-v-beaa0298] {
|
|
254
254
|
display: flex;
|
|
255
255
|
align-items: center;
|
|
256
256
|
padding: 24rpx 0;
|
|
257
257
|
}
|
|
258
|
-
.hlw-divider-line[data-v-
|
|
258
|
+
.hlw-divider-line[data-v-beaa0298] {
|
|
259
259
|
flex: 1;
|
|
260
260
|
height: 1rpx;
|
|
261
261
|
background: var(--border-color, #e2e8f0);
|
|
262
262
|
}
|
|
263
|
-
.hlw-divider--dashed .hlw-divider-line[data-v-
|
|
263
|
+
.hlw-divider--dashed .hlw-divider-line[data-v-beaa0298] {
|
|
264
264
|
background: none;
|
|
265
265
|
border-top: 1rpx dashed var(--border-color, #e2e8f0);
|
|
266
266
|
}
|
|
267
|
-
.hlw-divider-text[data-v-
|
|
267
|
+
.hlw-divider-text[data-v-beaa0298] {
|
|
268
268
|
padding: 0 24rpx;
|
|
269
269
|
font-size: var(--font-xs, 20rpx);
|
|
270
270
|
color: #94a3b8;
|
|
271
271
|
white-space: nowrap;
|
|
272
272
|
}
|
|
273
|
-
.hlw-divider--left .hlw-divider-line[data-v-
|
|
273
|
+
.hlw-divider--left .hlw-divider-line[data-v-beaa0298]:first-child {
|
|
274
274
|
max-width: 60rpx;
|
|
275
275
|
}
|
|
276
|
-
.hlw-divider--right .hlw-divider-line[data-v-
|
|
276
|
+
.hlw-divider--right .hlw-divider-line[data-v-beaa0298]:last-child {
|
|
277
277
|
max-width: 60rpx;
|
|
278
278
|
}
|
|
279
|
-
.hlw-empty[data-v-
|
|
279
|
+
.hlw-empty[data-v-94fefc47] {
|
|
280
280
|
display: flex;
|
|
281
281
|
flex-direction: column;
|
|
282
282
|
align-items: center;
|
|
283
283
|
justify-content: center;
|
|
284
284
|
padding: 80rpx 40rpx;
|
|
285
285
|
}
|
|
286
|
-
.hlw-empty__image[data-v-
|
|
286
|
+
.hlw-empty__image[data-v-94fefc47] {
|
|
287
287
|
width: 200rpx;
|
|
288
288
|
height: 200rpx;
|
|
289
289
|
margin-bottom: 24rpx;
|
|
290
290
|
}
|
|
291
|
-
.hlw-empty__icon[data-v-
|
|
291
|
+
.hlw-empty__icon[data-v-94fefc47] {
|
|
292
292
|
font-size: 100rpx;
|
|
293
293
|
margin-bottom: 20rpx;
|
|
294
|
+
color: #cbd5e1;
|
|
294
295
|
}
|
|
295
|
-
.hlw-empty__text[data-v-
|
|
296
|
+
.hlw-empty__text[data-v-94fefc47] {
|
|
296
297
|
font-size: var(--font-base, 28rpx);
|
|
297
298
|
color: #bbb;
|
|
298
299
|
}
|
|
299
|
-
.hlw-header[data-v-
|
|
300
|
+
.hlw-header[data-v-b85e90ac] {
|
|
300
301
|
position: sticky;
|
|
301
302
|
top: 0;
|
|
302
303
|
z-index: 999;
|
|
@@ -304,18 +305,18 @@ to {
|
|
|
304
305
|
flex-direction: column;
|
|
305
306
|
overflow: hidden;
|
|
306
307
|
}
|
|
307
|
-
.header-bg-layer[data-v-
|
|
308
|
+
.header-bg-layer[data-v-b85e90ac] {
|
|
308
309
|
position: absolute;
|
|
309
310
|
inset: 0;
|
|
310
311
|
z-index: 0;
|
|
311
312
|
}
|
|
312
|
-
.status-bar-spacer[data-v-
|
|
313
|
+
.status-bar-spacer[data-v-b85e90ac] {
|
|
313
314
|
flex-shrink: 0;
|
|
314
315
|
width: 100%;
|
|
315
316
|
position: relative;
|
|
316
317
|
z-index: 1;
|
|
317
318
|
}
|
|
318
|
-
.header-content-area[data-v-
|
|
319
|
+
.header-content-area[data-v-b85e90ac] {
|
|
319
320
|
flex-shrink: 0;
|
|
320
321
|
width: 100%;
|
|
321
322
|
display: flex;
|
|
@@ -323,7 +324,7 @@ to {
|
|
|
323
324
|
position: relative;
|
|
324
325
|
z-index: 1;
|
|
325
326
|
}
|
|
326
|
-
.header-back[data-v-
|
|
327
|
+
.header-back[data-v-b85e90ac] {
|
|
327
328
|
width: 88rpx;
|
|
328
329
|
height: 100%;
|
|
329
330
|
display: flex;
|
|
@@ -331,21 +332,21 @@ to {
|
|
|
331
332
|
justify-content: center;
|
|
332
333
|
flex-shrink: 0;
|
|
333
334
|
}
|
|
334
|
-
.header-back-icon[data-v-
|
|
335
|
+
.header-back-icon[data-v-b85e90ac] {
|
|
335
336
|
font-size: 36rpx;
|
|
336
337
|
}
|
|
337
|
-
.header-title[data-v-
|
|
338
|
+
.header-title[data-v-b85e90ac] {
|
|
338
339
|
flex: 1;
|
|
339
340
|
overflow: hidden;
|
|
340
341
|
}
|
|
341
|
-
.header-title--center[data-v-
|
|
342
|
+
.header-title--center[data-v-b85e90ac] {
|
|
342
343
|
text-align: center;
|
|
343
344
|
}
|
|
344
|
-
.header-title--left[data-v-
|
|
345
|
+
.header-title--left[data-v-b85e90ac] {
|
|
345
346
|
text-align: left;
|
|
346
347
|
padding-left: 4rpx;
|
|
347
348
|
}
|
|
348
|
-
.header-title-text[data-v-
|
|
349
|
+
.header-title-text[data-v-b85e90ac] {
|
|
349
350
|
display: block;
|
|
350
351
|
overflow: hidden;
|
|
351
352
|
text-overflow: ellipsis;
|
|
@@ -355,30 +356,30 @@ to {
|
|
|
355
356
|
font-weight: 500;
|
|
356
357
|
color: #14181f;
|
|
357
358
|
}
|
|
358
|
-
.header-placeholder[data-v-
|
|
359
|
+
.header-placeholder[data-v-b85e90ac] {
|
|
359
360
|
width: 88rpx;
|
|
360
361
|
flex-shrink: 0;
|
|
361
362
|
}
|
|
362
|
-
.hlw-loading[data-v-
|
|
363
|
+
.hlw-loading[data-v-fd9272d5] {
|
|
363
364
|
display: flex;
|
|
364
365
|
flex-direction: column;
|
|
365
366
|
align-items: center;
|
|
366
367
|
justify-content: center;
|
|
367
368
|
padding: 24rpx;
|
|
368
369
|
}
|
|
369
|
-
.hlw-loading__spinner[data-v-
|
|
370
|
+
.hlw-loading__spinner[data-v-fd9272d5] {
|
|
370
371
|
width: 56rpx;
|
|
371
372
|
height: 56rpx;
|
|
372
373
|
border: 6rpx solid #e8e8e8;
|
|
373
374
|
border-top-color: #07c160;
|
|
374
375
|
border-radius: 50%;
|
|
375
|
-
animation: hlw-spin-
|
|
376
|
+
animation: hlw-spin-fd9272d5 0.8s linear infinite;
|
|
376
377
|
}
|
|
377
|
-
@keyframes hlw-spin-
|
|
378
|
+
@keyframes hlw-spin-fd9272d5 {
|
|
378
379
|
to { transform: rotate(360deg);
|
|
379
380
|
}
|
|
380
381
|
}
|
|
381
|
-
.hlw-loading__text[data-v-
|
|
382
|
+
.hlw-loading__text[data-v-fd9272d5] {
|
|
382
383
|
margin-top: 16rpx;
|
|
383
384
|
font-size: 26rpx;
|
|
384
385
|
color: #999;
|
|
@@ -593,7 +594,7 @@ from {
|
|
|
593
594
|
to {
|
|
594
595
|
transform: rotate(360deg);
|
|
595
596
|
}
|
|
596
|
-
}.hlw-modal-mask[data-v-
|
|
597
|
+
}.hlw-modal-mask[data-v-91d9e108] {
|
|
597
598
|
position: fixed;
|
|
598
599
|
inset: 0;
|
|
599
600
|
display: flex;
|
|
@@ -601,52 +602,52 @@ to {
|
|
|
601
602
|
justify-content: center;
|
|
602
603
|
background: rgba(0, 0, 0, 0.5);
|
|
603
604
|
z-index: 1000;
|
|
604
|
-
animation: hlw-fade-in-
|
|
605
|
+
animation: hlw-fade-in-91d9e108 0.2s;
|
|
605
606
|
}
|
|
606
|
-
.hlw-modal[data-v-
|
|
607
|
+
.hlw-modal[data-v-91d9e108] {
|
|
607
608
|
width: 80%;
|
|
608
609
|
max-width: 600rpx;
|
|
609
610
|
background: #fff;
|
|
610
611
|
border-radius: var(--radius-xl, 32rpx);
|
|
611
612
|
overflow: hidden;
|
|
612
|
-
animation: hlw-scale-in-
|
|
613
|
+
animation: hlw-scale-in-91d9e108 0.25s ease;
|
|
613
614
|
}
|
|
614
|
-
.hlw-modal-title[data-v-
|
|
615
|
+
.hlw-modal-title[data-v-91d9e108] {
|
|
615
616
|
padding: 40rpx 32rpx 0;
|
|
616
617
|
text-align: center;
|
|
617
618
|
font-size: var(--font-md, 32rpx);
|
|
618
619
|
font-weight: 600;
|
|
619
620
|
color: #1e293b;
|
|
620
621
|
}
|
|
621
|
-
.hlw-modal-body[data-v-
|
|
622
|
+
.hlw-modal-body[data-v-91d9e108] {
|
|
622
623
|
padding: 32rpx;
|
|
623
624
|
font-size: var(--font-base, 28rpx);
|
|
624
625
|
color: #475569;
|
|
625
626
|
text-align: center;
|
|
626
627
|
line-height: 1.6;
|
|
627
628
|
}
|
|
628
|
-
.hlw-modal-footer[data-v-
|
|
629
|
+
.hlw-modal-footer[data-v-91d9e108] {
|
|
629
630
|
display: flex;
|
|
630
631
|
border-top: 1rpx solid var(--border-color-light, #f1f5f9);
|
|
631
632
|
}
|
|
632
|
-
.hlw-modal-btn[data-v-
|
|
633
|
+
.hlw-modal-btn[data-v-91d9e108] {
|
|
633
634
|
flex: 1;
|
|
634
635
|
padding: 24rpx 0;
|
|
635
636
|
text-align: center;
|
|
636
637
|
font-size: var(--font-base, 28rpx);
|
|
637
638
|
font-weight: 500;
|
|
638
639
|
}
|
|
639
|
-
.hlw-modal-btn[data-v-
|
|
640
|
+
.hlw-modal-btn[data-v-91d9e108]:active {
|
|
640
641
|
background: #f8fafc;
|
|
641
642
|
}
|
|
642
|
-
.hlw-modal-btn--cancel[data-v-
|
|
643
|
+
.hlw-modal-btn--cancel[data-v-91d9e108] {
|
|
643
644
|
color: #64748b;
|
|
644
645
|
border-right: 1rpx solid var(--border-color-light, #f1f5f9);
|
|
645
646
|
}
|
|
646
|
-
.hlw-modal-btn--confirm[data-v-
|
|
647
|
+
.hlw-modal-btn--confirm[data-v-91d9e108] {
|
|
647
648
|
color: var(--primary-color, #3b82f6);
|
|
648
649
|
}
|
|
649
|
-
@keyframes hlw-fade-in-
|
|
650
|
+
@keyframes hlw-fade-in-91d9e108 {
|
|
650
651
|
from {
|
|
651
652
|
opacity: 0;
|
|
652
653
|
}
|
|
@@ -654,7 +655,7 @@ to {
|
|
|
654
655
|
opacity: 1;
|
|
655
656
|
}
|
|
656
657
|
}
|
|
657
|
-
@keyframes hlw-scale-in-
|
|
658
|
+
@keyframes hlw-scale-in-91d9e108 {
|
|
658
659
|
from {
|
|
659
660
|
transform: scale(0.9);
|
|
660
661
|
opacity: 0;
|
|
@@ -663,108 +664,108 @@ to {
|
|
|
663
664
|
transform: scale(1);
|
|
664
665
|
opacity: 1;
|
|
665
666
|
}
|
|
666
|
-
}.hlw-notice[data-v-
|
|
667
|
+
}.hlw-notice[data-v-7a758299] {
|
|
667
668
|
display: flex;
|
|
668
669
|
align-items: center;
|
|
669
670
|
padding: 16rpx 24rpx;
|
|
670
671
|
gap: 12rpx;
|
|
671
672
|
font-size: var(--font-sm, 24rpx);
|
|
672
673
|
}
|
|
673
|
-
.hlw-notice-left-icon[data-v-
|
|
674
|
+
.hlw-notice-left-icon[data-v-7a758299] {
|
|
674
675
|
flex-shrink: 0;
|
|
675
676
|
font-size: var(--font-base, 28rpx);
|
|
676
677
|
}
|
|
677
|
-
.hlw-notice-wrap[data-v-
|
|
678
|
+
.hlw-notice-wrap[data-v-7a758299] {
|
|
678
679
|
flex: 1;
|
|
679
680
|
overflow: hidden;
|
|
680
681
|
white-space: nowrap;
|
|
681
682
|
}
|
|
682
|
-
.hlw-notice-scroll[data-v-
|
|
683
|
+
.hlw-notice-scroll[data-v-7a758299] {
|
|
683
684
|
display: inline-block;
|
|
684
685
|
white-space: nowrap;
|
|
685
|
-
animation: hlw-notice-scroll-
|
|
686
|
+
animation: hlw-notice-scroll-7a758299 linear infinite;
|
|
686
687
|
padding-left: 100%;
|
|
687
688
|
}
|
|
688
|
-
.hlw-notice-text[data-v-
|
|
689
|
+
.hlw-notice-text[data-v-7a758299] {
|
|
689
690
|
display: inline;
|
|
690
691
|
}
|
|
691
|
-
.hlw-notice-text--ellipsis[data-v-
|
|
692
|
+
.hlw-notice-text--ellipsis[data-v-7a758299] {
|
|
692
693
|
display: block;
|
|
693
694
|
overflow: hidden;
|
|
694
695
|
text-overflow: ellipsis;
|
|
695
696
|
white-space: nowrap;
|
|
696
697
|
}
|
|
697
|
-
.hlw-notice-close[data-v-
|
|
698
|
+
.hlw-notice-close[data-v-7a758299] {
|
|
698
699
|
flex-shrink: 0;
|
|
699
|
-
font-size:
|
|
700
|
+
font-size: 28rpx;
|
|
700
701
|
line-height: 1;
|
|
701
702
|
opacity: 0.6;
|
|
702
|
-
padding:
|
|
703
|
+
padding: 4rpx;
|
|
703
704
|
}
|
|
704
|
-
@keyframes hlw-notice-scroll-
|
|
705
|
+
@keyframes hlw-notice-scroll-7a758299 {
|
|
705
706
|
0% {
|
|
706
707
|
transform: translateX(0);
|
|
707
708
|
}
|
|
708
709
|
100% {
|
|
709
710
|
transform: translateX(-100%);
|
|
710
711
|
}
|
|
711
|
-
}.hlw-page[data-v-
|
|
712
|
+
}.hlw-page[data-v-0cf37585] {
|
|
712
713
|
width: 100%;
|
|
713
714
|
height: 100vh;
|
|
714
715
|
display: flex;
|
|
715
716
|
flex-direction: column;
|
|
716
717
|
overflow: hidden;
|
|
717
718
|
}
|
|
718
|
-
.hlw-page-header[data-v-
|
|
719
|
+
.hlw-page-header[data-v-0cf37585] {
|
|
719
720
|
flex-shrink: 0;
|
|
720
721
|
}
|
|
721
|
-
.hlw-page-content[data-v-
|
|
722
|
+
.hlw-page-content[data-v-0cf37585] {
|
|
722
723
|
flex: 1;
|
|
723
724
|
height: 0;
|
|
724
725
|
width: 100%;
|
|
725
726
|
}
|
|
726
|
-
.hlw-page-footer[data-v-
|
|
727
|
+
.hlw-page-footer[data-v-0cf37585] {
|
|
727
728
|
flex-shrink: 0;
|
|
728
|
-
}.hlw-popup-mask[data-v-
|
|
729
|
+
}.hlw-popup-mask[data-v-2d71ef9b] {
|
|
729
730
|
position: fixed;
|
|
730
731
|
inset: 0;
|
|
731
732
|
background: rgba(0, 0, 0, 0.5);
|
|
732
733
|
z-index: 1000;
|
|
733
|
-
animation: hlw-fade-in-
|
|
734
|
+
animation: hlw-fade-in-2d71ef9b 0.25s;
|
|
734
735
|
}
|
|
735
|
-
.hlw-popup[data-v-
|
|
736
|
+
.hlw-popup[data-v-2d71ef9b] {
|
|
736
737
|
position: fixed;
|
|
737
738
|
z-index: 1001;
|
|
738
739
|
background: #fff;
|
|
739
740
|
transition: transform 0.3s ease, opacity 0.3s ease;
|
|
740
741
|
}
|
|
741
|
-
.hlw-popup--bottom[data-v-
|
|
742
|
+
.hlw-popup--bottom[data-v-2d71ef9b] {
|
|
742
743
|
left: 0;
|
|
743
744
|
right: 0;
|
|
744
745
|
bottom: 0;
|
|
745
746
|
max-height: 80vh;
|
|
746
747
|
transform: translateY(100%);
|
|
747
748
|
}
|
|
748
|
-
.hlw-popup--bottom.hlw-popup--show[data-v-
|
|
749
|
+
.hlw-popup--bottom.hlw-popup--show[data-v-2d71ef9b] {
|
|
749
750
|
transform: translateY(0);
|
|
750
751
|
}
|
|
751
|
-
.hlw-popup--bottom.hlw-popup--round[data-v-
|
|
752
|
+
.hlw-popup--bottom.hlw-popup--round[data-v-2d71ef9b] {
|
|
752
753
|
border-radius: var(--radius-xl, 32rpx) var(--radius-xl, 32rpx) 0 0;
|
|
753
754
|
}
|
|
754
|
-
.hlw-popup--top[data-v-
|
|
755
|
+
.hlw-popup--top[data-v-2d71ef9b] {
|
|
755
756
|
left: 0;
|
|
756
757
|
right: 0;
|
|
757
758
|
top: 0;
|
|
758
759
|
max-height: 80vh;
|
|
759
760
|
transform: translateY(-100%);
|
|
760
761
|
}
|
|
761
|
-
.hlw-popup--top.hlw-popup--show[data-v-
|
|
762
|
+
.hlw-popup--top.hlw-popup--show[data-v-2d71ef9b] {
|
|
762
763
|
transform: translateY(0);
|
|
763
764
|
}
|
|
764
|
-
.hlw-popup--top.hlw-popup--round[data-v-
|
|
765
|
+
.hlw-popup--top.hlw-popup--round[data-v-2d71ef9b] {
|
|
765
766
|
border-radius: 0 0 var(--radius-xl, 32rpx) var(--radius-xl, 32rpx);
|
|
766
767
|
}
|
|
767
|
-
.hlw-popup--center[data-v-
|
|
768
|
+
.hlw-popup--center[data-v-2d71ef9b] {
|
|
768
769
|
left: 50%;
|
|
769
770
|
top: 50%;
|
|
770
771
|
width: 80%;
|
|
@@ -772,39 +773,39 @@ to {
|
|
|
772
773
|
opacity: 0;
|
|
773
774
|
border-radius: var(--radius-xl, 32rpx);
|
|
774
775
|
}
|
|
775
|
-
.hlw-popup--center.hlw-popup--show[data-v-
|
|
776
|
+
.hlw-popup--center.hlw-popup--show[data-v-2d71ef9b] {
|
|
776
777
|
transform: translate(-50%, -50%) scale(1);
|
|
777
778
|
opacity: 1;
|
|
778
779
|
}
|
|
779
|
-
.hlw-popup-header[data-v-
|
|
780
|
+
.hlw-popup-header[data-v-2d71ef9b] {
|
|
780
781
|
display: flex;
|
|
781
782
|
align-items: center;
|
|
782
783
|
justify-content: space-between;
|
|
783
784
|
padding: 28rpx 32rpx;
|
|
784
785
|
border-bottom: 1rpx solid var(--border-color-light, #f1f5f9);
|
|
785
786
|
}
|
|
786
|
-
.hlw-popup-title[data-v-
|
|
787
|
+
.hlw-popup-title[data-v-2d71ef9b] {
|
|
787
788
|
font-size: var(--font-md, 32rpx);
|
|
788
789
|
font-weight: 600;
|
|
789
790
|
color: #1e293b;
|
|
790
791
|
}
|
|
791
|
-
.hlw-popup-close[data-v-
|
|
792
|
-
font-size:
|
|
792
|
+
.hlw-popup-close[data-v-2d71ef9b] {
|
|
793
|
+
font-size: 32rpx;
|
|
793
794
|
color: #94a3b8;
|
|
794
795
|
line-height: 1;
|
|
795
|
-
padding:
|
|
796
|
+
padding: 4rpx;
|
|
796
797
|
}
|
|
797
|
-
@keyframes hlw-fade-in-
|
|
798
|
+
@keyframes hlw-fade-in-2d71ef9b {
|
|
798
799
|
from {
|
|
799
800
|
opacity: 0;
|
|
800
801
|
}
|
|
801
802
|
to {
|
|
802
803
|
opacity: 1;
|
|
803
804
|
}
|
|
804
|
-
}.hlw-search[data-v-
|
|
805
|
+
}.hlw-search[data-v-4fe1bfab] {
|
|
805
806
|
padding: 16rpx 24rpx;
|
|
806
807
|
}
|
|
807
|
-
.hlw-search-box[data-v-
|
|
808
|
+
.hlw-search-box[data-v-4fe1bfab] {
|
|
808
809
|
display: flex;
|
|
809
810
|
align-items: center;
|
|
810
811
|
gap: 12rpx;
|
|
@@ -812,71 +813,71 @@ to {
|
|
|
812
813
|
background: #f1f5f9;
|
|
813
814
|
border-radius: var(--radius-md, 16rpx);
|
|
814
815
|
}
|
|
815
|
-
.hlw-search-box--round[data-v-
|
|
816
|
+
.hlw-search-box--round[data-v-4fe1bfab] {
|
|
816
817
|
border-radius: 999rpx;
|
|
817
818
|
}
|
|
818
|
-
.hlw-search-icon[data-v-
|
|
819
|
+
.hlw-search-icon[data-v-4fe1bfab] {
|
|
819
820
|
font-size: var(--font-sm, 24rpx);
|
|
820
821
|
flex-shrink: 0;
|
|
821
822
|
opacity: 0.5;
|
|
822
823
|
}
|
|
823
|
-
.hlw-search-input[data-v-
|
|
824
|
+
.hlw-search-input[data-v-4fe1bfab] {
|
|
824
825
|
flex: 1;
|
|
825
826
|
font-size: var(--font-sm, 24rpx);
|
|
826
827
|
color: #1e293b;
|
|
827
828
|
min-height: 40rpx;
|
|
828
829
|
}
|
|
829
|
-
.hlw-search-clear[data-v-
|
|
830
|
-
font-size:
|
|
830
|
+
.hlw-search-clear[data-v-4fe1bfab] {
|
|
831
|
+
font-size: 28rpx;
|
|
831
832
|
color: #94a3b8;
|
|
832
833
|
line-height: 1;
|
|
833
834
|
flex-shrink: 0;
|
|
834
|
-
padding:
|
|
835
|
-
}.hlw-skeleton[data-v-
|
|
835
|
+
padding: 4rpx;
|
|
836
|
+
}.hlw-skeleton[data-v-bc3155a2] {
|
|
836
837
|
display: flex;
|
|
837
838
|
gap: 24rpx;
|
|
838
839
|
padding: 24rpx;
|
|
839
840
|
}
|
|
840
|
-
.hlw-skeleton-avatar[data-v-
|
|
841
|
+
.hlw-skeleton-avatar[data-v-bc3155a2] {
|
|
841
842
|
flex-shrink: 0;
|
|
842
843
|
border-radius: 50%;
|
|
843
844
|
background: #e2e8f0;
|
|
844
845
|
}
|
|
845
|
-
.hlw-skeleton-avatar--small[data-v-
|
|
846
|
+
.hlw-skeleton-avatar--small[data-v-bc3155a2] {
|
|
846
847
|
width: 56rpx;
|
|
847
848
|
height: 56rpx;
|
|
848
849
|
}
|
|
849
|
-
.hlw-skeleton-avatar--medium[data-v-
|
|
850
|
+
.hlw-skeleton-avatar--medium[data-v-bc3155a2] {
|
|
850
851
|
width: 80rpx;
|
|
851
852
|
height: 80rpx;
|
|
852
853
|
}
|
|
853
|
-
.hlw-skeleton-avatar--large[data-v-
|
|
854
|
+
.hlw-skeleton-avatar--large[data-v-bc3155a2] {
|
|
854
855
|
width: 120rpx;
|
|
855
856
|
height: 120rpx;
|
|
856
857
|
}
|
|
857
|
-
.hlw-skeleton-content[data-v-
|
|
858
|
+
.hlw-skeleton-content[data-v-bc3155a2] {
|
|
858
859
|
flex: 1;
|
|
859
860
|
display: flex;
|
|
860
861
|
flex-direction: column;
|
|
861
862
|
gap: 20rpx;
|
|
862
863
|
}
|
|
863
|
-
.hlw-skeleton-title[data-v-
|
|
864
|
+
.hlw-skeleton-title[data-v-bc3155a2] {
|
|
864
865
|
width: 40%;
|
|
865
866
|
height: 32rpx;
|
|
866
867
|
border-radius: 6rpx;
|
|
867
868
|
background: #e2e8f0;
|
|
868
869
|
}
|
|
869
|
-
.hlw-skeleton-row[data-v-
|
|
870
|
+
.hlw-skeleton-row[data-v-bc3155a2] {
|
|
870
871
|
height: 24rpx;
|
|
871
872
|
border-radius: 6rpx;
|
|
872
873
|
background: #e2e8f0;
|
|
873
874
|
}
|
|
874
|
-
.hlw-skeleton--animate .hlw-skeleton-avatar[data-v-
|
|
875
|
-
.hlw-skeleton--animate .hlw-skeleton-title[data-v-
|
|
876
|
-
.hlw-skeleton--animate .hlw-skeleton-row[data-v-
|
|
877
|
-
animation: hlw-skeleton-pulse-
|
|
875
|
+
.hlw-skeleton--animate .hlw-skeleton-avatar[data-v-bc3155a2],
|
|
876
|
+
.hlw-skeleton--animate .hlw-skeleton-title[data-v-bc3155a2],
|
|
877
|
+
.hlw-skeleton--animate .hlw-skeleton-row[data-v-bc3155a2] {
|
|
878
|
+
animation: hlw-skeleton-pulse-bc3155a2 1.5s ease-in-out infinite;
|
|
878
879
|
}
|
|
879
|
-
@keyframes hlw-skeleton-pulse-
|
|
880
|
+
@keyframes hlw-skeleton-pulse-bc3155a2 {
|
|
880
881
|
0% {
|
|
881
882
|
opacity: 1;
|
|
882
883
|
}
|
|
@@ -886,15 +887,15 @@ to {
|
|
|
886
887
|
100% {
|
|
887
888
|
opacity: 1;
|
|
888
889
|
}
|
|
889
|
-
}.hlw-tabs[data-v-
|
|
890
|
+
}.hlw-tabs[data-v-5a47c034] {
|
|
890
891
|
background: #fff;
|
|
891
892
|
white-space: nowrap;
|
|
892
893
|
}
|
|
893
|
-
.hlw-tabs-wrap[data-v-
|
|
894
|
+
.hlw-tabs-wrap[data-v-5a47c034] {
|
|
894
895
|
display: inline-flex;
|
|
895
896
|
min-width: 100%;
|
|
896
897
|
}
|
|
897
|
-
.hlw-tab[data-v-
|
|
898
|
+
.hlw-tab[data-v-5a47c034] {
|
|
898
899
|
position: relative;
|
|
899
900
|
flex: 1;
|
|
900
901
|
display: flex;
|
|
@@ -904,15 +905,15 @@ to {
|
|
|
904
905
|
gap: 6rpx;
|
|
905
906
|
transition: color 0.2s;
|
|
906
907
|
}
|
|
907
|
-
.hlw-tab--active .hlw-tab-text[data-v-
|
|
908
|
+
.hlw-tab--active .hlw-tab-text[data-v-5a47c034] {
|
|
908
909
|
color: var(--primary-color, #3b82f6);
|
|
909
910
|
font-weight: 600;
|
|
910
911
|
}
|
|
911
|
-
.hlw-tab-text[data-v-
|
|
912
|
+
.hlw-tab-text[data-v-5a47c034] {
|
|
912
913
|
font-size: var(--font-base, 28rpx);
|
|
913
914
|
color: #64748b;
|
|
914
915
|
}
|
|
915
|
-
.hlw-tab-badge[data-v-
|
|
916
|
+
.hlw-tab-badge[data-v-5a47c034] {
|
|
916
917
|
padding: 0 8rpx;
|
|
917
918
|
min-width: 28rpx;
|
|
918
919
|
height: 28rpx;
|
|
@@ -923,7 +924,7 @@ to {
|
|
|
923
924
|
background: #ef4444;
|
|
924
925
|
border-radius: 999rpx;
|
|
925
926
|
}
|
|
926
|
-
.hlw-tab-line[data-v-
|
|
927
|
+
.hlw-tab-line[data-v-5a47c034] {
|
|
927
928
|
position: absolute;
|
|
928
929
|
bottom: 4rpx;
|
|
929
930
|
left: 50%;
|
|
@@ -932,73 +933,73 @@ to {
|
|
|
932
933
|
border-radius: 6rpx;
|
|
933
934
|
background: var(--primary-color, #3b82f6);
|
|
934
935
|
transition: width 0.2s;
|
|
935
|
-
}.hlw-tag[data-v-
|
|
936
|
+
}.hlw-tag[data-v-fd774288] {
|
|
936
937
|
display: inline-flex;
|
|
937
938
|
align-items: center;
|
|
938
939
|
gap: 4rpx;
|
|
939
940
|
font-weight: 500;
|
|
940
941
|
border: 2rpx solid transparent;
|
|
941
942
|
}
|
|
942
|
-
.hlw-tag--medium[data-v-
|
|
943
|
+
.hlw-tag--medium[data-v-fd774288] {
|
|
943
944
|
padding: 4rpx 16rpx;
|
|
944
945
|
font-size: var(--font-xs, 20rpx);
|
|
945
946
|
border-radius: var(--radius-sm, 8rpx);
|
|
946
947
|
}
|
|
947
|
-
.hlw-tag--small[data-v-
|
|
948
|
+
.hlw-tag--small[data-v-fd774288] {
|
|
948
949
|
padding: 2rpx 10rpx;
|
|
949
950
|
font-size: 18rpx;
|
|
950
951
|
border-radius: 6rpx;
|
|
951
952
|
}
|
|
952
|
-
.hlw-tag--round[data-v-
|
|
953
|
+
.hlw-tag--round[data-v-fd774288] {
|
|
953
954
|
border-radius: 999rpx;
|
|
954
955
|
}
|
|
955
|
-
.hlw-tag--primary[data-v-
|
|
956
|
+
.hlw-tag--primary[data-v-fd774288] {
|
|
956
957
|
background: var(--primary-color, #3b82f6);
|
|
957
958
|
color: #fff;
|
|
958
959
|
border-color: var(--primary-color, #3b82f6);
|
|
959
960
|
}
|
|
960
|
-
.hlw-tag--primary.hlw-tag--plain[data-v-
|
|
961
|
+
.hlw-tag--primary.hlw-tag--plain[data-v-fd774288] {
|
|
961
962
|
background: transparent;
|
|
962
963
|
color: var(--primary-color, #3b82f6);
|
|
963
964
|
}
|
|
964
|
-
.hlw-tag--success[data-v-
|
|
965
|
+
.hlw-tag--success[data-v-fd774288] {
|
|
965
966
|
background: #10b981;
|
|
966
967
|
color: #fff;
|
|
967
968
|
border-color: #10b981;
|
|
968
969
|
}
|
|
969
|
-
.hlw-tag--success.hlw-tag--plain[data-v-
|
|
970
|
+
.hlw-tag--success.hlw-tag--plain[data-v-fd774288] {
|
|
970
971
|
background: transparent;
|
|
971
972
|
color: #10b981;
|
|
972
973
|
}
|
|
973
|
-
.hlw-tag--warning[data-v-
|
|
974
|
+
.hlw-tag--warning[data-v-fd774288] {
|
|
974
975
|
background: #f59e0b;
|
|
975
976
|
color: #fff;
|
|
976
977
|
border-color: #f59e0b;
|
|
977
978
|
}
|
|
978
|
-
.hlw-tag--warning.hlw-tag--plain[data-v-
|
|
979
|
+
.hlw-tag--warning.hlw-tag--plain[data-v-fd774288] {
|
|
979
980
|
background: transparent;
|
|
980
981
|
color: #f59e0b;
|
|
981
982
|
}
|
|
982
|
-
.hlw-tag--danger[data-v-
|
|
983
|
+
.hlw-tag--danger[data-v-fd774288] {
|
|
983
984
|
background: #ef4444;
|
|
984
985
|
color: #fff;
|
|
985
986
|
border-color: #ef4444;
|
|
986
987
|
}
|
|
987
|
-
.hlw-tag--danger.hlw-tag--plain[data-v-
|
|
988
|
+
.hlw-tag--danger.hlw-tag--plain[data-v-fd774288] {
|
|
988
989
|
background: transparent;
|
|
989
990
|
color: #ef4444;
|
|
990
991
|
}
|
|
991
|
-
.hlw-tag--info[data-v-
|
|
992
|
+
.hlw-tag--info[data-v-fd774288] {
|
|
992
993
|
background: #64748b;
|
|
993
994
|
color: #fff;
|
|
994
995
|
border-color: #64748b;
|
|
995
996
|
}
|
|
996
|
-
.hlw-tag--info.hlw-tag--plain[data-v-
|
|
997
|
+
.hlw-tag--info.hlw-tag--plain[data-v-fd774288] {
|
|
997
998
|
background: transparent;
|
|
998
999
|
color: #64748b;
|
|
999
1000
|
}
|
|
1000
|
-
.hlw-tag-close[data-v-
|
|
1001
|
-
font-size:
|
|
1001
|
+
.hlw-tag-close[data-v-fd774288] {
|
|
1002
|
+
font-size: 1em;
|
|
1002
1003
|
line-height: 1;
|
|
1003
1004
|
margin-left: 2rpx;
|
|
1004
1005
|
opacity: 0.8;
|