👨👩👧👦
{{ pendingCount }}
{{ member.relationship || member.relativeLabel || member.roleLabel || '成员' }}
💍
{{ member.nickname }}
{{ getMemberEnergy(member) }}
分
✓
🔄
切换到该成员视角
✏️
编辑资料
📋
关系问卷
💬
记录互动
📞
拨打电话
🗑️
移除成员
取消
暂无待处理的请求
{{ req.requesterNickname }}
{{ req.createdAt }}
.badge-count {
font-size: 26rpx;
font-weight: 700;
color: #EF4444;
}
/* 待审批请求弹窗 */
.request-overlay {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.4);
z-index: 1500;
}
.request-sheet {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #FFFFFF;
border-radius: 24rpx 24rpx 0 0;
z-index: 1501;
max-height: 70vh;
overflow-y: auto;
padding: 20rpx 0;
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
}
.sheet-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16rpx 30rpx 16rpx;
border-bottom: 1rpx solid #F3F4F6;
}
.sheet-title {
font-size: 32rpx;
font-weight: 700;
color: #1F2937;
}
.sheet-close {
font-size: 40rpx;
color: #9CA3AF;
padding: 8rpx;
line-height: 1;
}
.empty-requests {
text-align: center;
padding: 60rpx 0;
font-size: 28rpx;
color: #9CA3AF;
}
.request-item {
display: flex;
align-items: center;
padding: 20rpx 30rpx;
border-bottom: 1rpx solid #F9FAFB;
}
.req-avatar {
width: 80rpx;
height: 80rpx;
border-radius: 50%;
margin-right: 16rpx;
flex-shrink: 0;
}
.req-info {
flex: 1;
min-width: 0;
}
.req-name {
font-size: 30rpx;
font-weight: 600;
color: #1F2937;
display: block;
}
.req-time {
font-size: 24rpx;
color: #9CA3AF;
display: block;
margin-top: 4rpx;
}
.req-actions {
display: flex;
gap: 12rpx;
}
.req-btn {
padding: 12rpx 24rpx;
border-radius: 8rpx;
font-size: 24rpx;
font-weight: 600;
border: none;
}
.btn-approve {
background: #16A34A;
color: #FFFFFF;
}
.btn-reject {
background: #EF4444;
color: #FFFFFF;
}