30 lines
1.5 KiB
Plaintext
30 lines
1.5 KiB
Plaintext
/* ── 通知页:Vital 风格 ── */
|
|
.page { min-height: 100vh; background: #f1f2f6; }
|
|
|
|
/* 顶栏内导航行:返回 + 标题 + 全部已读(玻璃样式由 .glass-topbar 提供) */
|
|
.navbar {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8rpx;
|
|
padding-left: 20rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.navbar-title { font-size: 36rpx; font-weight: 700; }
|
|
|
|
.nav-back { font-size: 60rpx; color: #1b1b20; font-weight: 300; line-height: 1; padding: 0 10rpx; }
|
|
|
|
/* 全部已读:靠右紧贴胶囊 */
|
|
.nav-right { margin-left: auto; margin-right: 8rpx; font-size: 26rpx; color: #6e7280; padding: 10rpx 0; }
|
|
.nav-right:active { opacity: 0.6; }
|
|
.empty { display: flex; flex-direction: column; align-items: center; padding: 120rpx 60rpx; gap: 20rpx; }
|
|
.empty-emoji { font-size: 80rpx; }
|
|
.empty-tip { font-size: 28rpx; color: #b9bdc6; }
|
|
.notify-item { display: flex; align-items: center; gap: 20rpx; padding: 22rpx 28rpx; background: #ffffff; border-bottom: 1rpx solid rgba(27, 27, 32, 0.04); }
|
|
.notify-item.unread { background: rgba(139, 124, 246, 0.08); }
|
|
.n-avatar { width: 80rpx; height: 80rpx; border-radius: 26rpx; display: flex; align-items: center; justify-content: center; font-size: 34rpx; font-weight: 700; color: rgba(27, 27, 32, 0.65); flex-shrink: 0; }
|
|
.n-body { flex: 1; }
|
|
.n-text { display: block; font-size: 28rpx; color: #1b1b20; line-height: 1.5; }
|
|
.n-time { display: block; font-size: 22rpx; color: #b9bdc6; margin-top: 6rpx; }
|
|
.unread-dot { width: 14rpx; height: 14rpx; border-radius: 50%; background: #8b7cf6; flex-shrink: 0; }
|