*辈分关系
{{ selectedGenLabel || '请选择辈分' }}
*同辈关系类型
.generation-picker-wrap {
width: 100%;
}
.picker {
border: 1rpx solid $facade-border-soft;
border-radius: 10rpx;
padding: 20rpx;
font-size: 28rpx;
color: $facade-text-body;
background: $app-surface;
}
.picker-disabled {
background: $facade-fill-2;
color: $facade-text-muted;
}
.form-item {
margin-bottom: 10rpx;
}
.form-item .label {
display: block;
font-size: 28rpx;
color: $facade-text-strong;
margin-bottom: 10rpx;
font-weight: bold;
}
.required-mark {
color: $brand-primary;
margin-right: 4rpx;
}
.peer-type-wrap {
margin-top: 20rpx;
padding: 20rpx;
background: #f9f9f9;
border-radius: 10rpx;
}
.radio-group {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.radio-item {
display: flex;
flex-direction: row;
align-items: center;
}
.radio-icon {
width: 40rpx;
height: 40rpx;
border: 2rpx solid $facade-border-soft;
border-radius: 50%;
margin-right: 10rpx;
display: flex;
align-items: center;
justify-content: center;
}
.radio-icon.active {
border-color: $brand-primary;
}
.radio-inner {
width: 20rpx;
height: 20rpx;
background: $brand-primary;
border-radius: 50%;
}
.radio-label {
font-size: 28rpx;
color: $facade-text-strong;
}