@hlw-uni/mp-vue 1.1.5 → 1.1.7

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/style.css DELETED
@@ -1,1042 +0,0 @@
1
- @charset "UTF-8";
2
- .hlw-avatar[data-v-19006b2d] {
3
- border-radius: 50%;
4
- overflow: hidden;
5
- flex-shrink: 0;
6
- }
7
- .hlw-avatar--small[data-v-19006b2d] { width: 56rpx; height: 56rpx;
8
- }
9
- .hlw-avatar--medium[data-v-19006b2d] { width: 80rpx; height: 80rpx;
10
- }
11
- .hlw-avatar--large[data-v-19006b2d] { width: 120rpx; height: 120rpx;
12
- }
13
- .hlw-avatar__image[data-v-19006b2d] {
14
- width: 100%;
15
- height: 100%;
16
- }
17
- .hlw-avatar__placeholder[data-v-19006b2d] {
18
- width: 100%;
19
- height: 100%;
20
- background: #07c160;
21
- display: flex;
22
- align-items: center;
23
- justify-content: center;
24
- }
25
- .hlw-avatar__initial[data-v-19006b2d] {
26
- color: #fff;
27
- font-weight: bold;
28
- }
29
- .hlw-avatar--small .hlw-avatar__initial[data-v-19006b2d] { font-size: var(--font-xs, 20rpx);
30
- }
31
- .hlw-avatar--medium .hlw-avatar__initial[data-v-19006b2d] { font-size: var(--font-base, 28rpx);
32
- }
33
- .hlw-avatar--large .hlw-avatar__initial[data-v-19006b2d] { font-size: var(--font-xl, 40rpx);
34
- }
35
- .hlw-btn[data-v-19a9c118] {
36
- display: inline-flex;
37
- align-items: center;
38
- justify-content: center;
39
- gap: 8rpx;
40
- border: none;
41
- font-weight: 500;
42
- line-height: 1;
43
- transition: opacity 0.2s;
44
- }
45
- .hlw-btn[data-v-19a9c118]::after {
46
- display: none;
47
- }
48
- .hlw-btn[data-v-19a9c118]:active {
49
- opacity: 0.7;
50
- }
51
- .hlw-btn--primary[data-v-19a9c118] {
52
- background: var(--primary-color);
53
- color: #fff;
54
- }
55
- .hlw-btn--outline[data-v-19a9c118] {
56
- background: transparent;
57
- color: var(--primary-color);
58
- border: 2rpx solid var(--primary-color);
59
- }
60
- .hlw-btn--text[data-v-19a9c118] {
61
- background: transparent;
62
- color: var(--primary-color);
63
- }
64
- .hlw-btn--ghost[data-v-19a9c118] {
65
- background: transparent;
66
- color: #fff;
67
- border: 2rpx solid rgba(255, 255, 255, 0.6);
68
- }
69
- .hlw-btn--small[data-v-19a9c118] {
70
- padding: 8rpx 20rpx;
71
- font-size: var(--font-xs, 20rpx);
72
- border-radius: var(--radius-sm, 8rpx);
73
- }
74
- .hlw-btn--medium[data-v-19a9c118] {
75
- padding: 16rpx 32rpx;
76
- font-size: var(--font-sm, 24rpx);
77
- border-radius: var(--radius-md, 16rpx);
78
- }
79
- .hlw-btn--large[data-v-19a9c118] {
80
- padding: 24rpx 48rpx;
81
- font-size: var(--font-base, 28rpx);
82
- border-radius: var(--radius-md, 16rpx);
83
- }
84
- .hlw-btn--block[data-v-19a9c118] {
85
- display: flex;
86
- width: 100%;
87
- }
88
- .hlw-btn--round[data-v-19a9c118] {
89
- border-radius: 999rpx;
90
- }
91
- .hlw-btn--disabled[data-v-19a9c118] {
92
- opacity: 0.4;
93
- }
94
- .hlw-btn--disabled[data-v-19a9c118]:active {
95
- opacity: 0.4;
96
- }
97
- .hlw-btn--loading[data-v-19a9c118] {
98
- opacity: 0.7;
99
- }
100
- .hlw-btn-icon[data-v-19a9c118] {
101
- font-size: 1.1em;
102
- }
103
- .hlw-btn-spinner[data-v-19a9c118] {
104
- width: 28rpx;
105
- height: 28rpx;
106
- border: 3rpx solid currentColor;
107
- border-top-color: transparent;
108
- border-radius: 50%;
109
- animation: hlw-spin-19a9c118 0.6s linear infinite;
110
- }
111
- @keyframes hlw-spin-19a9c118 {
112
- to {
113
- transform: rotate(360deg);
114
- }
115
- }
116
- .hlw-card[data-v-cf55252e] {
117
- width: 100%;
118
- background: #fff;
119
- overflow: hidden;
120
- /* 圆角档位 */
121
- }
122
- .hlw-card--radius-none[data-v-cf55252e] {
123
- border-radius: 0;
124
- }
125
- .hlw-card--radius-sm[data-v-cf55252e] {
126
- border-radius: var(--radius-sm, 8rpx);
127
- }
128
- .hlw-card--radius-md[data-v-cf55252e] {
129
- border-radius: var(--radius-md, 16rpx);
130
- }
131
- .hlw-card--radius-lg[data-v-cf55252e] {
132
- border-radius: var(--radius-lg, 24rpx);
133
- }
134
- .hlw-card--radius-xl[data-v-cf55252e] {
135
- border-radius: var(--radius-xl, 32rpx);
136
- }
137
- .hlw-card[data-v-cf55252e] {
138
- /* 边框 */
139
- }
140
- .hlw-card--bordered[data-v-cf55252e] {
141
- border: 1rpx solid var(--border-color, #e2e8f0);
142
- }
143
-
144
- /* 头部 */
145
- .hlw-card-header[data-v-cf55252e] {
146
- width: 100%;
147
- }
148
- .hlw-card-header-inner[data-v-cf55252e] {
149
- display: flex;
150
- align-items: center;
151
- justify-content: space-between;
152
- padding: 24rpx 28rpx;
153
- }
154
- .hlw-card-header-left[data-v-cf55252e] {
155
- flex: 1;
156
- min-width: 0;
157
- }
158
- .hlw-card-header-right[data-v-cf55252e] {
159
- flex-shrink: 0;
160
- margin-left: 16rpx;
161
- }
162
- .hlw-card-title[data-v-cf55252e] {
163
- font-size: var(--font-sm, 24rpx);
164
- font-weight: 700;
165
- color: #1e293b;
166
- letter-spacing: 0.02em;
167
- }
168
- .hlw-card-extra[data-v-cf55252e] {
169
- font-size: var(--font-xs, 20rpx);
170
- color: #94a3b8;
171
- }
172
-
173
- /* 虚线分隔 */
174
- .hlw-card-divider[data-v-cf55252e] {
175
- width: 100%;
176
- border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
177
- }
178
-
179
- /* 内容区 */
180
- .hlw-card-body[data-v-cf55252e] {
181
- width: 100%;
182
- }
183
- .hlw-card-body--padded[data-v-cf55252e] {
184
- padding: 24rpx 28rpx;
185
- }
186
-
187
- /* 底部 */
188
- .hlw-card-footer[data-v-cf55252e] {
189
- width: 100%;
190
- border-top: 1rpx solid var(--border-color-light, #f1f5f9);
191
- }
192
- .hlw-card-footer-inner[data-v-cf55252e] {
193
- display: flex;
194
- align-items: center;
195
- padding: 20rpx 28rpx;
196
- }
197
- .hlw-card-footer-left[data-v-cf55252e] {
198
- flex: 1;
199
- min-width: 0;
200
- }
201
- .hlw-card-footer-right[data-v-cf55252e] {
202
- flex-shrink: 0;
203
- margin-left: 16rpx;
204
- }.hlw-cell[data-v-996053be] {
205
- display: flex;
206
- align-items: center;
207
- padding: 24rpx 32rpx;
208
- background: #fff;
209
- gap: 20rpx;
210
- }
211
- .hlw-cell--border[data-v-996053be] {
212
- border-bottom: 1rpx solid var(--border-color-light, #f1f5f9);
213
- }
214
- .hlw-cell--border[data-v-996053be]:last-child {
215
- border-bottom: none;
216
- }
217
- .hlw-cell--hover[data-v-996053be] {
218
- background: #f8fafc;
219
- }
220
- .hlw-cell-icon[data-v-996053be] {
221
- font-size: var(--font-lg, 36rpx);
222
- color: var(--primary-color, #3b82f6);
223
- flex-shrink: 0;
224
- }
225
- .hlw-cell-body[data-v-996053be] {
226
- flex: 1;
227
- min-width: 0;
228
- display: flex;
229
- align-items: center;
230
- justify-content: space-between;
231
- }
232
- .hlw-cell-title[data-v-996053be] {
233
- font-size: var(--font-base, 28rpx);
234
- color: #1e293b;
235
- }
236
- .hlw-cell-label[data-v-996053be] {
237
- font-size: var(--font-xs, 20rpx);
238
- color: #94a3b8;
239
- margin-top: 4rpx;
240
- }
241
- .hlw-cell-value[data-v-996053be] {
242
- font-size: var(--font-sm, 24rpx);
243
- color: #94a3b8;
244
- flex-shrink: 0;
245
- }
246
- .hlw-cell-arrow[data-v-996053be] {
247
- width: 16rpx;
248
- height: 16rpx;
249
- border-top: 3rpx solid #c0c4cc;
250
- border-right: 3rpx solid #c0c4cc;
251
- transform: rotate(45deg);
252
- flex-shrink: 0;
253
- }.hlw-divider[data-v-beaa0298] {
254
- display: flex;
255
- align-items: center;
256
- padding: 24rpx 0;
257
- }
258
- .hlw-divider-line[data-v-beaa0298] {
259
- flex: 1;
260
- height: 1rpx;
261
- background: var(--border-color, #e2e8f0);
262
- }
263
- .hlw-divider--dashed .hlw-divider-line[data-v-beaa0298] {
264
- background: none;
265
- border-top: 1rpx dashed var(--border-color, #e2e8f0);
266
- }
267
- .hlw-divider-text[data-v-beaa0298] {
268
- padding: 0 24rpx;
269
- font-size: var(--font-xs, 20rpx);
270
- color: #94a3b8;
271
- white-space: nowrap;
272
- }
273
- .hlw-divider--left .hlw-divider-line[data-v-beaa0298]:first-child {
274
- max-width: 60rpx;
275
- }
276
- .hlw-divider--right .hlw-divider-line[data-v-beaa0298]:last-child {
277
- max-width: 60rpx;
278
- }
279
- .hlw-empty[data-v-94fefc47] {
280
- display: flex;
281
- flex-direction: column;
282
- align-items: center;
283
- justify-content: center;
284
- padding: 80rpx 40rpx;
285
- }
286
- .hlw-empty__image[data-v-94fefc47] {
287
- width: 200rpx;
288
- height: 200rpx;
289
- margin-bottom: 24rpx;
290
- }
291
- .hlw-empty__icon[data-v-94fefc47] {
292
- font-size: 100rpx;
293
- margin-bottom: 20rpx;
294
- color: #cbd5e1;
295
- }
296
- .hlw-empty__text[data-v-94fefc47] {
297
- font-size: var(--font-base, 28rpx);
298
- color: #bbb;
299
- }
300
- .hlw-header[data-v-8497ffe5] {
301
- position: sticky;
302
- top: 0;
303
- z-index: 999;
304
- display: flex;
305
- flex-direction: column;
306
- overflow: hidden;
307
- }
308
- .header-bg-layer[data-v-8497ffe5] {
309
- position: absolute;
310
- inset: 0;
311
- z-index: 0;
312
- }
313
- .status-bar-spacer[data-v-8497ffe5] {
314
- flex-shrink: 0;
315
- width: 100%;
316
- position: relative;
317
- z-index: 1;
318
- }
319
- .header-content-area[data-v-8497ffe5] {
320
- flex-shrink: 0;
321
- width: 100%;
322
- display: flex;
323
- align-items: center;
324
- position: relative;
325
- z-index: 1;
326
- }
327
- .header-back[data-v-8497ffe5] {
328
- width: 88rpx;
329
- height: 100%;
330
- display: flex;
331
- align-items: center;
332
- justify-content: center;
333
- flex-shrink: 0;
334
- color: #475569;
335
- }
336
- .header-back[data-v-8497ffe5]:active {
337
- opacity: 0.8;
338
- }
339
- .header-back-icon[data-v-8497ffe5] {
340
- font-size: var(--font-md, 32rpx);
341
- color: inherit;
342
- }
343
- .header-title[data-v-8497ffe5] {
344
- flex: 1;
345
- overflow: hidden;
346
- }
347
- .header-title--center[data-v-8497ffe5] {
348
- text-align: center;
349
- }
350
- .header-title--left[data-v-8497ffe5] {
351
- text-align: left;
352
- padding-left: 4rpx;
353
- }
354
- .header-title-text[data-v-8497ffe5] {
355
- display: block;
356
- overflow: hidden;
357
- text-overflow: ellipsis;
358
- white-space: nowrap;
359
- letter-spacing: 1rpx;
360
- font-size: var(--font-base, 28rpx);
361
- font-weight: 500;
362
- color: #14181f;
363
- }
364
- .header-placeholder[data-v-8497ffe5] {
365
- width: 88rpx;
366
- flex-shrink: 0;
367
- }
368
- .hlw-loading[data-v-fd9272d5] {
369
- display: flex;
370
- flex-direction: column;
371
- align-items: center;
372
- justify-content: center;
373
- padding: 24rpx;
374
- }
375
- .hlw-loading__spinner[data-v-fd9272d5] {
376
- width: 56rpx;
377
- height: 56rpx;
378
- border: 6rpx solid #e8e8e8;
379
- border-top-color: #07c160;
380
- border-radius: 50%;
381
- animation: hlw-spin-fd9272d5 0.8s linear infinite;
382
- }
383
- @keyframes hlw-spin-fd9272d5 {
384
- to { transform: rotate(360deg);
385
- }
386
- }
387
- .hlw-loading__text[data-v-fd9272d5] {
388
- margin-top: 16rpx;
389
- font-size: 26rpx;
390
- color: #999;
391
- }
392
-
393
- .hlw-menu[data-v-2d7cd322] {
394
- background: #fff;
395
- border-radius: var(--radius-lg, 24rpx);
396
- border: 1rpx solid var(--border-color, #e2e8f0);
397
- overflow: hidden;
398
- width: 100%;
399
- }
400
- .hlw-menu--no-border[data-v-2d7cd322] {
401
- border: none;
402
- }
403
-
404
- /* 标题 */
405
- .hlw-menu-title[data-v-2d7cd322] {
406
- padding: 24rpx 32rpx;
407
- }
408
- .hlw-menu-title text[data-v-2d7cd322] {
409
- font-size: var(--font-sm, 24rpx);
410
- font-weight: 600;
411
- color: #94a3b8;
412
- letter-spacing: 1rpx;
413
- }
414
- .hlw-menu-title-divider[data-v-2d7cd322] {
415
- height: 0;
416
- border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
417
- }
418
-
419
- /* ========== 列表模式 ========== */
420
- .hlw-menu-item[data-v-2d7cd322] {
421
- display: flex;
422
- align-items: center;
423
- justify-content: space-between;
424
- padding: 24rpx 32rpx;
425
- }
426
- .hlw-menu-item--active[data-v-2d7cd322] {
427
- background: #f8fafc;
428
- }
429
- .hlw-menu-divider[data-v-2d7cd322] {
430
- margin: 0 32rpx;
431
- height: 0;
432
- border-bottom: 1rpx dashed var(--border-color, #e2e8f0);
433
- }
434
- .hlw-menu-left[data-v-2d7cd322] {
435
- display: flex;
436
- align-items: center;
437
- gap: 24rpx;
438
- }
439
- .hlw-menu-right[data-v-2d7cd322] {
440
- display: flex;
441
- align-items: center;
442
- gap: 16rpx;
443
- }
444
-
445
- /* ========== 宫格模式 ========== */
446
- .hlw-menu-grid[data-v-2d7cd322] {
447
- display: grid;
448
- padding: 6rpx 0 24rpx;
449
- }
450
- .hlw-menu-grid-item[data-v-2d7cd322] {
451
- display: flex;
452
- flex-direction: column;
453
- align-items: center;
454
- gap: 10rpx;
455
- padding: 12rpx 8rpx;
456
- }
457
- .hlw-menu-grid-item--active[data-v-2d7cd322] {
458
- background: #f8fafc;
459
- }
460
- .hlw-menu-grid-icon-wrap[data-v-2d7cd322] {
461
- position: relative;
462
- padding-top: 20rpx; /* 预留徽标空间,保证所有格子图标水平对齐 */
463
- }
464
- .hlw-menu-badge[data-v-2d7cd322] {
465
- position: absolute;
466
- top: 0;
467
- right: -8rpx;
468
- font-size: var(--font-xs, 20rpx);
469
- color: #fff;
470
- padding: 0 8rpx;
471
- border-radius: 9999rpx;
472
- min-width: 28rpx;
473
- text-align: center;
474
- line-height: 28rpx;
475
- height: 28rpx;
476
- }
477
- .hlw-menu-grid-label[data-v-2d7cd322] {
478
- font-size: var(--font-sm, 24rpx);
479
- color: #334155;
480
- text-align: center;
481
- }
482
-
483
- /* ========== 图标 ========== */
484
- .hlw-menu-icon[data-v-2d7cd322] {
485
- width: 64rpx;
486
- height: 64rpx;
487
- border-radius: var(--radius-md, 16rpx);
488
- display: flex;
489
- align-items: center;
490
- justify-content: center;
491
- flex-shrink: 0;
492
- }
493
- .hlw-menu-icon text[data-v-2d7cd322] {
494
- font-size: 20rpx;
495
- }
496
- .hlw-menu-icon--grid[data-v-2d7cd322] {
497
- width: 88rpx;
498
- height: 88rpx;
499
- border-radius: var(--radius-lg, 24rpx);
500
- }
501
- .hlw-menu-icon--grid text[data-v-2d7cd322] {
502
- font-size: 32rpx;
503
- }
504
- .hlw-menu-icon--orange[data-v-2d7cd322] {
505
- background: #fff7ed;
506
- color: #f97316;
507
- }
508
- .hlw-menu-icon--purple[data-v-2d7cd322] {
509
- background: #faf5ff;
510
- color: #a855f7;
511
- }
512
- .hlw-menu-icon--wechat[data-v-2d7cd322] {
513
- background: #f0fdf4;
514
- color: #07c160;
515
- }
516
- .hlw-menu-icon--cyan[data-v-2d7cd322] {
517
- background: #ecfeff;
518
- color: #06b6d4;
519
- }
520
- .hlw-menu-icon--emerald[data-v-2d7cd322] {
521
- background: #ecfdf5;
522
- color: #10b981;
523
- }
524
- .hlw-menu-icon--slate[data-v-2d7cd322] {
525
- background: #f1f5f9;
526
- color: #64748b;
527
- }
528
- .hlw-menu-icon--rose[data-v-2d7cd322] {
529
- background: #fff1f2;
530
- color: #f43f5e;
531
- }
532
- .hlw-menu-icon--blue[data-v-2d7cd322] {
533
- background: #eff6ff;
534
- color: #3b82f6;
535
- }
536
- .hlw-menu-icon--red[data-v-2d7cd322] {
537
- background: #fef2f2;
538
- color: #ef4444;
539
- }
540
-
541
- /* ========== 标签 / 角标 ========== */
542
- .hlw-menu-label[data-v-2d7cd322] {
543
- font-size: var(--font-base, 28rpx);
544
- font-weight: 500;
545
- color: #334155;
546
- }
547
- .hlw-menu-value[data-v-2d7cd322] {
548
- font-size: var(--font-sm, 24rpx);
549
- color: #94a3b8;
550
- }
551
- .hlw-menu-tag[data-v-2d7cd322] {
552
- font-size: var(--font-xs, 20rpx);
553
- color: #fff;
554
- padding: 2rpx 12rpx;
555
- border-radius: 9999rpx;
556
- box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
557
- }
558
- .hlw-menu-tag--orange[data-v-2d7cd322] {
559
- background: #fb923c;
560
- }
561
- .hlw-menu-tag--red[data-v-2d7cd322] {
562
- background: #ef4444;
563
- }
564
- .hlw-menu-tag--wechat[data-v-2d7cd322] {
565
- background: #07c160;
566
- }
567
- .hlw-menu-tag--rose[data-v-2d7cd322] {
568
- background: #f43f5e;
569
- }
570
- .hlw-menu-tag--blue[data-v-2d7cd322] {
571
- background: #3b82f6;
572
- }
573
- .hlw-menu-tag-pulse[data-v-2d7cd322] {
574
- animation: tag-pulse-2d7cd322 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
575
- }
576
- @keyframes tag-pulse-2d7cd322 {
577
- 0%, 100% {
578
- opacity: 1;
579
- }
580
- 50% {
581
- opacity: 0.5;
582
- }
583
- }
584
- .hlw-menu-arrow[data-v-2d7cd322] {
585
- color: #d1d5db;
586
- font-size: var(--font-xs, 20rpx);
587
- }
588
- .hlw-menu-spin[data-v-2d7cd322] {
589
- animation: icon-spin-2d7cd322 1s linear infinite;
590
- }
591
- .hlw-menu-muted[data-v-2d7cd322] {
592
- color: #94a3b8;
593
- font-size: var(--font-xs, 20rpx);
594
- }
595
- @keyframes icon-spin-2d7cd322 {
596
- from {
597
- transform: rotate(0deg);
598
- }
599
- to {
600
- transform: rotate(360deg);
601
- }
602
- }.hlw-modal-mask[data-v-91d9e108] {
603
- position: fixed;
604
- inset: 0;
605
- display: flex;
606
- align-items: center;
607
- justify-content: center;
608
- background: rgba(0, 0, 0, 0.5);
609
- z-index: 1000;
610
- animation: hlw-fade-in-91d9e108 0.2s;
611
- }
612
- .hlw-modal[data-v-91d9e108] {
613
- width: 80%;
614
- max-width: 600rpx;
615
- background: #fff;
616
- border-radius: var(--radius-xl, 32rpx);
617
- overflow: hidden;
618
- animation: hlw-scale-in-91d9e108 0.25s ease;
619
- }
620
- .hlw-modal-title[data-v-91d9e108] {
621
- padding: 40rpx 32rpx 0;
622
- text-align: center;
623
- font-size: var(--font-md, 32rpx);
624
- font-weight: 600;
625
- color: #1e293b;
626
- }
627
- .hlw-modal-body[data-v-91d9e108] {
628
- padding: 32rpx;
629
- font-size: var(--font-base, 28rpx);
630
- color: #475569;
631
- text-align: center;
632
- line-height: 1.6;
633
- }
634
- .hlw-modal-footer[data-v-91d9e108] {
635
- display: flex;
636
- border-top: 1rpx solid var(--border-color-light, #f1f5f9);
637
- }
638
- .hlw-modal-btn[data-v-91d9e108] {
639
- flex: 1;
640
- padding: 24rpx 0;
641
- text-align: center;
642
- font-size: var(--font-base, 28rpx);
643
- font-weight: 500;
644
- }
645
- .hlw-modal-btn[data-v-91d9e108]:active {
646
- background: #f8fafc;
647
- }
648
- .hlw-modal-btn--cancel[data-v-91d9e108] {
649
- color: #64748b;
650
- border-right: 1rpx solid var(--border-color-light, #f1f5f9);
651
- }
652
- .hlw-modal-btn--confirm[data-v-91d9e108] {
653
- color: var(--primary-color, #3b82f6);
654
- }
655
- @keyframes hlw-fade-in-91d9e108 {
656
- from {
657
- opacity: 0;
658
- }
659
- to {
660
- opacity: 1;
661
- }
662
- }
663
- @keyframes hlw-scale-in-91d9e108 {
664
- from {
665
- transform: scale(0.9);
666
- opacity: 0;
667
- }
668
- to {
669
- transform: scale(1);
670
- opacity: 1;
671
- }
672
- }.hlw-notice[data-v-7a758299] {
673
- display: flex;
674
- align-items: center;
675
- padding: 16rpx 24rpx;
676
- gap: 12rpx;
677
- font-size: var(--font-sm, 24rpx);
678
- }
679
- .hlw-notice-left-icon[data-v-7a758299] {
680
- flex-shrink: 0;
681
- font-size: var(--font-base, 28rpx);
682
- }
683
- .hlw-notice-wrap[data-v-7a758299] {
684
- flex: 1;
685
- overflow: hidden;
686
- white-space: nowrap;
687
- }
688
- .hlw-notice-scroll[data-v-7a758299] {
689
- display: inline-block;
690
- white-space: nowrap;
691
- animation: hlw-notice-scroll-7a758299 linear infinite;
692
- padding-left: 100%;
693
- }
694
- .hlw-notice-text[data-v-7a758299] {
695
- display: inline;
696
- }
697
- .hlw-notice-text--ellipsis[data-v-7a758299] {
698
- display: block;
699
- overflow: hidden;
700
- text-overflow: ellipsis;
701
- white-space: nowrap;
702
- }
703
- .hlw-notice-close[data-v-7a758299] {
704
- flex-shrink: 0;
705
- font-size: 28rpx;
706
- line-height: 1;
707
- opacity: 0.6;
708
- padding: 4rpx;
709
- }
710
- @keyframes hlw-notice-scroll-7a758299 {
711
- 0% {
712
- transform: translateX(0);
713
- }
714
- 100% {
715
- transform: translateX(-100%);
716
- }
717
- }.hlw-page[data-v-01bb7796] {
718
- width: 100%;
719
- height: 100vh;
720
- display: flex;
721
- flex-direction: column;
722
- overflow: hidden;
723
- }
724
- .hlw-page-header[data-v-01bb7796] {
725
- flex-shrink: 0;
726
- }
727
- .hlw-page-content[data-v-01bb7796] {
728
- flex: 1;
729
- height: 0;
730
- width: 100%;
731
- }
732
- .hlw-page-footer[data-v-01bb7796] {
733
- flex-shrink: 0;
734
- }.hlw-popup-mask[data-v-be12aee0] {
735
- position: fixed;
736
- inset: 0;
737
- background: rgba(0, 0, 0, 0.5);
738
- z-index: 1000;
739
- animation: hlw-fade-in-be12aee0 0.25s;
740
- }
741
- .hlw-popup[data-v-be12aee0] {
742
- position: fixed;
743
- z-index: 1001;
744
- background: #fff;
745
- }
746
- .hlw-popup--bottom[data-v-be12aee0] {
747
- left: 0;
748
- right: 0;
749
- bottom: 0;
750
- max-height: 80vh;
751
- animation: hlw-popup-slide-up-be12aee0 0.25s ease;
752
- }
753
- .hlw-popup--bottom.hlw-popup--round[data-v-be12aee0] {
754
- border-radius: var(--radius-xl, 32rpx) var(--radius-xl, 32rpx) 0 0;
755
- }
756
- .hlw-popup--top[data-v-be12aee0] {
757
- left: 0;
758
- right: 0;
759
- top: 0;
760
- max-height: 80vh;
761
- animation: hlw-popup-slide-down-be12aee0 0.25s ease;
762
- }
763
- .hlw-popup--top.hlw-popup--round[data-v-be12aee0] {
764
- border-radius: 0 0 var(--radius-xl, 32rpx) var(--radius-xl, 32rpx);
765
- }
766
- .hlw-popup--center[data-v-be12aee0] {
767
- left: 50%;
768
- top: 50%;
769
- width: 80%;
770
- transform: translate(-50%, -50%);
771
- border-radius: var(--radius-xl, 32rpx);
772
- animation: hlw-popup-scale-in-be12aee0 0.22s ease;
773
- }
774
- .hlw-popup-header[data-v-be12aee0] {
775
- display: flex;
776
- align-items: center;
777
- justify-content: space-between;
778
- padding: 28rpx 32rpx;
779
- border-bottom: 1rpx solid var(--border-color-light, #f1f5f9);
780
- }
781
- .hlw-popup-title[data-v-be12aee0] {
782
- font-size: var(--font-md, 32rpx);
783
- font-weight: 600;
784
- color: #1e293b;
785
- }
786
- .hlw-popup-close[data-v-be12aee0] {
787
- font-size: 32rpx;
788
- color: #94a3b8;
789
- line-height: 1;
790
- padding: 4rpx;
791
- }
792
- @keyframes hlw-fade-in-be12aee0 {
793
- from {
794
- opacity: 0;
795
- }
796
- to {
797
- opacity: 1;
798
- }
799
- }
800
- @keyframes hlw-popup-slide-up-be12aee0 {
801
- from {
802
- transform: translateY(100%);
803
- }
804
- to {
805
- transform: translateY(0);
806
- }
807
- }
808
- @keyframes hlw-popup-slide-down-be12aee0 {
809
- from {
810
- transform: translateY(-100%);
811
- }
812
- to {
813
- transform: translateY(0);
814
- }
815
- }
816
- @keyframes hlw-popup-scale-in-be12aee0 {
817
- from {
818
- transform: translate(-50%, -50%) scale(0.92);
819
- opacity: 0;
820
- }
821
- to {
822
- transform: translate(-50%, -50%) scale(1);
823
- opacity: 1;
824
- }
825
- }.hlw-search[data-v-4fe1bfab] {
826
- padding: 16rpx 24rpx;
827
- }
828
- .hlw-search-box[data-v-4fe1bfab] {
829
- display: flex;
830
- align-items: center;
831
- gap: 12rpx;
832
- padding: 12rpx 24rpx;
833
- background: #f1f5f9;
834
- border-radius: var(--radius-md, 16rpx);
835
- }
836
- .hlw-search-box--round[data-v-4fe1bfab] {
837
- border-radius: 999rpx;
838
- }
839
- .hlw-search-icon[data-v-4fe1bfab] {
840
- font-size: var(--font-sm, 24rpx);
841
- flex-shrink: 0;
842
- opacity: 0.5;
843
- }
844
- .hlw-search-input[data-v-4fe1bfab] {
845
- flex: 1;
846
- font-size: var(--font-sm, 24rpx);
847
- color: #1e293b;
848
- min-height: 40rpx;
849
- }
850
- .hlw-search-clear[data-v-4fe1bfab] {
851
- font-size: 28rpx;
852
- color: #94a3b8;
853
- line-height: 1;
854
- flex-shrink: 0;
855
- padding: 4rpx;
856
- }.hlw-skeleton[data-v-bc3155a2] {
857
- display: flex;
858
- gap: 24rpx;
859
- padding: 24rpx;
860
- }
861
- .hlw-skeleton-avatar[data-v-bc3155a2] {
862
- flex-shrink: 0;
863
- border-radius: 50%;
864
- background: #e2e8f0;
865
- }
866
- .hlw-skeleton-avatar--small[data-v-bc3155a2] {
867
- width: 56rpx;
868
- height: 56rpx;
869
- }
870
- .hlw-skeleton-avatar--medium[data-v-bc3155a2] {
871
- width: 80rpx;
872
- height: 80rpx;
873
- }
874
- .hlw-skeleton-avatar--large[data-v-bc3155a2] {
875
- width: 120rpx;
876
- height: 120rpx;
877
- }
878
- .hlw-skeleton-content[data-v-bc3155a2] {
879
- flex: 1;
880
- display: flex;
881
- flex-direction: column;
882
- gap: 20rpx;
883
- }
884
- .hlw-skeleton-title[data-v-bc3155a2] {
885
- width: 40%;
886
- height: 32rpx;
887
- border-radius: 6rpx;
888
- background: #e2e8f0;
889
- }
890
- .hlw-skeleton-row[data-v-bc3155a2] {
891
- height: 24rpx;
892
- border-radius: 6rpx;
893
- background: #e2e8f0;
894
- }
895
- .hlw-skeleton--animate .hlw-skeleton-avatar[data-v-bc3155a2],
896
- .hlw-skeleton--animate .hlw-skeleton-title[data-v-bc3155a2],
897
- .hlw-skeleton--animate .hlw-skeleton-row[data-v-bc3155a2] {
898
- animation: hlw-skeleton-pulse-bc3155a2 1.5s ease-in-out infinite;
899
- }
900
- @keyframes hlw-skeleton-pulse-bc3155a2 {
901
- 0% {
902
- opacity: 1;
903
- }
904
- 50% {
905
- opacity: 0.4;
906
- }
907
- 100% {
908
- opacity: 1;
909
- }
910
- }.hlw-tabs[data-v-5a47c034] {
911
- background: #fff;
912
- white-space: nowrap;
913
- }
914
- .hlw-tabs-wrap[data-v-5a47c034] {
915
- display: inline-flex;
916
- min-width: 100%;
917
- }
918
- .hlw-tab[data-v-5a47c034] {
919
- position: relative;
920
- flex: 1;
921
- display: flex;
922
- align-items: center;
923
- justify-content: center;
924
- padding: 24rpx 28rpx;
925
- gap: 6rpx;
926
- transition: color 0.2s;
927
- }
928
- .hlw-tab--active .hlw-tab-text[data-v-5a47c034] {
929
- color: var(--primary-color, #3b82f6);
930
- font-weight: 600;
931
- }
932
- .hlw-tab-text[data-v-5a47c034] {
933
- font-size: var(--font-base, 28rpx);
934
- color: #64748b;
935
- }
936
- .hlw-tab-badge[data-v-5a47c034] {
937
- padding: 0 8rpx;
938
- min-width: 28rpx;
939
- height: 28rpx;
940
- line-height: 28rpx;
941
- font-size: 18rpx;
942
- text-align: center;
943
- color: #fff;
944
- background: #ef4444;
945
- border-radius: 999rpx;
946
- }
947
- .hlw-tab-line[data-v-5a47c034] {
948
- position: absolute;
949
- bottom: 4rpx;
950
- left: 50%;
951
- transform: translateX(-50%);
952
- height: 6rpx;
953
- border-radius: 6rpx;
954
- background: var(--primary-color, #3b82f6);
955
- transition: width 0.2s;
956
- }.hlw-tag[data-v-e4ea56ad] {
957
- display: inline-flex;
958
- align-items: center;
959
- justify-content: center;
960
- vertical-align: middle;
961
- gap: 4rpx;
962
- font-weight: 500;
963
- line-height: 1.2;
964
- border: 2rpx solid transparent;
965
- box-sizing: border-box;
966
- }
967
- .hlw-tag--medium[data-v-e4ea56ad] {
968
- min-height: 36rpx;
969
- padding: 4rpx 16rpx;
970
- font-size: var(--font-xs, 20rpx);
971
- border-radius: var(--radius-sm, 8rpx);
972
- }
973
- .hlw-tag--small[data-v-e4ea56ad] {
974
- min-height: 28rpx;
975
- padding: 2rpx 10rpx;
976
- font-size: 18rpx;
977
- border-radius: 6rpx;
978
- }
979
- .hlw-tag--round[data-v-e4ea56ad] {
980
- border-radius: 999rpx;
981
- }
982
- .hlw-tag--primary[data-v-e4ea56ad] {
983
- background: var(--primary-color, #3b82f6);
984
- color: #fff;
985
- border-color: var(--primary-color, #3b82f6);
986
- }
987
- .hlw-tag--primary.hlw-tag--plain[data-v-e4ea56ad] {
988
- background: transparent;
989
- color: var(--primary-color, #3b82f6);
990
- }
991
- .hlw-tag--success[data-v-e4ea56ad] {
992
- background: #10b981;
993
- color: #fff;
994
- border-color: #10b981;
995
- }
996
- .hlw-tag--success.hlw-tag--plain[data-v-e4ea56ad] {
997
- background: transparent;
998
- color: #10b981;
999
- }
1000
- .hlw-tag--warning[data-v-e4ea56ad] {
1001
- background: #f59e0b;
1002
- color: #fff;
1003
- border-color: #f59e0b;
1004
- }
1005
- .hlw-tag--warning.hlw-tag--plain[data-v-e4ea56ad] {
1006
- background: transparent;
1007
- color: #f59e0b;
1008
- }
1009
- .hlw-tag--danger[data-v-e4ea56ad] {
1010
- background: #ef4444;
1011
- color: #fff;
1012
- border-color: #ef4444;
1013
- }
1014
- .hlw-tag--danger.hlw-tag--plain[data-v-e4ea56ad] {
1015
- background: transparent;
1016
- color: #ef4444;
1017
- }
1018
- .hlw-tag--info[data-v-e4ea56ad] {
1019
- background: #64748b;
1020
- color: #fff;
1021
- border-color: #64748b;
1022
- }
1023
- .hlw-tag--info.hlw-tag--plain[data-v-e4ea56ad] {
1024
- background: transparent;
1025
- color: #64748b;
1026
- }
1027
- .hlw-tag-text[data-v-e4ea56ad] {
1028
- display: block;
1029
- font-size: inherit;
1030
- font-weight: inherit;
1031
- color: inherit;
1032
- line-height: 1.2;
1033
- }
1034
- .hlw-tag-close[data-v-e4ea56ad] {
1035
- font-size: 1em;
1036
- line-height: 1;
1037
- display: inline-flex;
1038
- align-items: center;
1039
- justify-content: center;
1040
- margin-left: 2rpx;
1041
- opacity: 0.8;
1042
- }