| 1 |
- .container.data-v-f70a8e40{min-height:100vh;background-color:#f8f9fb}.filter-toolbar.data-v-f70a8e40{position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:#f8f9fb;padding:20rpx 30rpx;display:flex;justify-content:space-between;align-items:center}.filter-toolbar .filter-tabs.data-v-f70a8e40{display:flex;gap:30rpx}.filter-toolbar .filter-tabs .tab-item.data-v-f70a8e40{display:flex;align-items:center;position:relative;padding:10rpx 0}.filter-toolbar .filter-tabs .tab-item .tab-text.data-v-f70a8e40{font-size:28rpx;color:#666}.filter-toolbar .filter-tabs .tab-item .count.data-v-f70a8e40{font-size:22rpx;color:#999;margin-left:4rpx}.filter-toolbar .filter-tabs .tab-item.active .tab-text.data-v-f70a8e40{color:#1f6cff;font-weight:700}.filter-toolbar .filter-tabs .tab-item.active.data-v-f70a8e40:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20rpx;height:4rpx;background-color:#1f6cff;border-radius:2rpx}.filter-toolbar .read-all.data-v-f70a8e40{font-size:26rpx;color:#1f6cff}.filter-toolbar .read-all.data-v-f70a8e40:active{opacity:.7}.msg-list.data-v-f70a8e40{padding:0 30rpx;display:flex;flex-direction:column;gap:24rpx}.msg-card.data-v-f70a8e40{background:#fff;border-radius:24rpx;padding:32rpx;box-shadow:0 4rpx 20rpx rgba(0,0,0,.02)}.msg-card .msg-header.data-v-f70a8e40{display:flex;justify-content:space-between;align-items:center;margin-bottom:24rpx}.msg-card .msg-header .msg-title.data-v-f70a8e40{font-size:34rpx;font-weight:700;color:#1a1a1a}.msg-card .msg-header .unread-dot.data-v-f70a8e40{width:14rpx;height:14rpx;background-color:#ff4d4f;border-radius:50%}.msg-card .msg-header .time-text.data-v-f70a8e40{font-size:24rpx;color:#ccc}.msg-card .msg-body .info-row.data-v-f70a8e40{display:flex;align-items:center;margin-bottom:8rpx}.msg-card .msg-body .info-row.data-v-f70a8e40:last-child{margin-bottom:0}.msg-card .msg-body .info-row .label.data-v-f70a8e40{font-size:28rpx;color:#999}.msg-card .msg-body .info-row .value.data-v-f70a8e40{font-size:28rpx;color:#666}.msg-card .msg-body .flex-between.data-v-f70a8e40{justify-content:space-between}.msg-card .msg-body .flex-between .left-box.data-v-f70a8e40,.msg-card .msg-body .flex-between .right-box.data-v-f70a8e40{display:flex;align-items:center}.msg-card .msg-body .flex-between .right-box .time-text-inline.data-v-f70a8e40{font-size:24rpx;color:#ccc;margin-right:12rpx}.msg-card .msg-body .flex-between .chevron.data-v-f70a8e40{width:32rpx;height:32rpx;opacity:.2}.empty-box.data-v-f70a8e40{padding:100rpx 0;display:flex;flex-direction:center;justify-content:center}.empty-box .empty-text.data-v-f70a8e40{font-size:28rpx;color:#999}.no-more.data-v-f70a8e40{text-align:center;font-size:24rpx;color:#ccc;padding:60rpx 0}.tabbar-placeholder.data-v-f70a8e40{height:120rpx;padding-bottom:env(safe-area-inset-bottom)}.card-anim.data-v-f70a8e40{animation:slideUp-f70a8e40 .5s ease-out backwards}.card-anim.data-v-f70a8e40:nth-child(1){animation-delay:.05s}.card-anim.data-v-f70a8e40:nth-child(2){animation-delay:.1s}.card-anim.data-v-f70a8e40:nth-child(3){animation-delay:.15s}.card-anim.data-v-f70a8e40:nth-child(4){animation-delay:.2s}.card-anim.data-v-f70a8e40:nth-child(5){animation-delay:.25s}.card-anim.data-v-f70a8e40:nth-child(6){animation-delay:.3s}.card-anim.data-v-f70a8e40:nth-child(7){animation-delay:.35s}.card-anim.data-v-f70a8e40:nth-child(8){animation-delay:.4s}.card-anim.data-v-f70a8e40:nth-child(9){animation-delay:.45s}.card-anim.data-v-f70a8e40:nth-child(10){animation-delay:.5s}@keyframes slideUp-f70a8e40{0%{transform:translateY(20rpx);opacity:0}to{transform:translateY(0);opacity:1}}
|
