mrr.sj.front/unpackage/dist/dev/mp-weixin/pages/artisan/qualification_syr_change.wxss

400 lines
8.0 KiB
Plaintext

.qualification-page.data-v-1986c801 {
display: flex;
flex-direction: column;
height: 100vh;
background: #f5f5f5;
}
.content-area.data-v-1986c801 {
flex: 1;
overflow-y: auto;
padding: 30rpx 20rpx;
padding-bottom: 0;
}
/* 变更提示 */
.change-tip.data-v-1986c801 {
background: #FAE7EC;
padding: 20rpx;
text-align: center;
}
.change-tip text.data-v-1986c801 {
font-size: 28rpx;
color: #D4131F;
}
/* 驳回原因样式 */
.reject-reason.data-v-1986c801 {
background: transparent;
padding: 24rpx;
}
.reject-title.data-v-1986c801 {
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 32rpx;
color: #333333;
line-height: 45rpx;
text-align: center;
font-style: normal;
}
.reject-detail.data-v-1986c801 {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #999999;
line-height: 40rpx;
text-align: center;
font-style: normal;
margin-top: 12rpx;
}
/* 审核中提示 */
.audit-tip.data-v-1986c801 {
margin: 20rpx 24rpx 20rpx 24rpx;
border-radius: 12rpx;
}
.audit-text.data-v-1986c801 {
font-weight: 400;
font-size: 32rpx;
color: #333333;
text-align: center;
display: block;
}
/* 底部按钮样式 */
.bottom-actions.data-v-1986c801 {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 0rpx 24rpx 40rpx 24rpx;
background: #ffffff;
/* z-index: 100; */
}
.action-btn.data-v-1986c801 {
height: 88rpx;
border-radius: 43rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 32rpx;
font-weight: 400;
margin-top: 20rpx;
}
.change-info-btn.data-v-1986c801, .view-change-btn.data-v-1986c801, .resubmit-btn.data-v-1986c801 {
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
}
/* 双按钮行样式 */
.action-buttons-row.data-v-1986c801 {
display: flex;
justify-content: space-between;
margin: 0 30rpx;
}
.action-buttons-row .action-btn.data-v-1986c801 {
width: 270rpx;
}
.cancel-btn.data-v-1986c801 {
background: #E5E5E5;
border-radius: 43rpx;
padding: 0 15rpx;
}
.submit-btn.data-v-1986c801 {
background: linear-gradient(180deg, #F52540 0%, #E8101E 100%, #E8101E 100%);
border-radius: 43rpx;
padding: 0 15rpx;
}
.btn-text.data-v-1986c801 {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 36rpx;
color: #FFFFFF;
line-height: 50rpx;
text-align: left;
font-style: normal;
}
.cancel-text.data-v-1986c801 {
color: #666666;
}
.section.data-v-1986c801 {
margin-bottom: 30rpx;
}
.section-title.data-v-1986c801 {
display: flex;
align-items: center;
margin-bottom: 30rpx;
}
.title-bar.data-v-1986c801 {
width: 6rpx;
height: 30rpx;
background-color: #E8101E;
margin-right: 7rpx;
border-radius: 5rpx;
}
.title-text.data-v-1986c801 {
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 32rpx;
color: #1D2129;
line-height: 48rpx;
text-align: left;
font-style: normal;
}
.box-cont.data-v-1986c801 {
background: #FFFFFF;
border-radius: 20rpx;
margin-bottom: 24rpx;
margin-left: 8rpx;
margin-right: 8rpx;
box-shadow: none;
}
.form-item.data-v-1986c801 {
padding: 24rpx 22rpx;
}
.label.data-v-1986c801 {
font-size: 28rpx;
color: #333333;
font-weight: 500;
line-height: 1;
}
.upload-label.data-v-1986c801 {
font-family: Helvetica;
font-size: 28rpx;
color: #999;
line-height: 40rpx;
text-align: left;
font-style: normal;
margin-top: 24rpx;
}
.required.data-v-1986c801::before {
content: '*';
color: #FF0000;
margin-right: 4rpx;
}
.upload-tip.data-v-1986c801 {
font-size: 26rpx;
color: #999;
margin: 5rpx 0 24rpx 0;
font-weight: 400;
font-family: PingFangSC, PingFang SC;
text-align: left;
font-style: normal;
}
.upload-box.data-v-1986c801 {
display: flex;
justify-content: center;
align-items: center;
}
.upload-camera.data-v-1986c801 {
width: 446rpx;
height: 298rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 48rpx;
overflow: hidden;
background-color: #F8F9FD;
}
.idcard-upload-vertical-container.data-v-1986c801 {
display: flex;
flex-direction: column;
padding: 40rpx 24rpx 0 24rpx;
}
.idcard-upload-vertical-item.data-v-1986c801 {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 30rpx;
}
.camera-icon.data-v-1986c801 {
width: 446rpx;
height: 298rpx;
border-radius: 48rpx;
}
.preview-image.data-v-1986c801 {
border-radius: 20rpx;
width: 100%;
height: 100%;
}
.radio-group.data-v-1986c801 {
display: flex;
margin-top: 24rpx;
width: 100%;
}
.radio-item.data-v-1986c801 {
display: flex;
align-items: center;
margin-right: 130rpx;
}
.radio.data-v-1986c801 {
width: 30rpx;
height: 30rpx;
border: 2rpx solid #DDDDDD;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 16rpx;
}
.radio.checked.data-v-1986c801 {
background-color: #E8101E;
border-color: #E8101E;
}
.radio-icon-image.data-v-1986c801 {
width: 32rpx;
height: 32rpx;
}
.radio-label.data-v-1986c801 {
font-size: 28rpx;
color: #333333;
}
/* 日期范围容器样式 */
.date-range-container.data-v-1986c801 {
padding: 24rpx;
display: flex;
justify-content: space-between;
}
.date-item.data-v-1986c801 {
flex: 1;
display: flex;
flex-direction: column;
}
.date-item.data-v-1986c801:first-child {
margin-right: 24rpx;
}
.date-label.data-v-1986c801 {
font-size: 28rpx;
color: #333333;
margin-bottom: 16rpx;
font-weight: 500;
margin-left: 8rpx;
}
.date-picker-box.data-v-1986c801 {
display: flex;
align-items: center;
justify-content: space-between;
border: 2rpx solid #E9E9E9;
border-radius: 10rpx;
padding: 12rpx 19rpx;
background-color: transparent;
}
.date-value.data-v-1986c801 {
font-size: 28rpx;
color: #333333;
}
.placeholder.data-v-1986c801 {
color: #999999;
font-size: 28rpx;
}
.date-divider.data-v-1986c801 {
width: 2rpx;
height: 30rpx;
background-color: #E9E9E9;
margin: 0 15rpx 0 0;
}
.date-arrow.data-v-1986c801 {
width: 35rpx;
height: 33rpx;
}
/* 日期选择框置灰状态 */
.date-picker-box.disabled.data-v-1986c801 {
border: 2rpx solid #F3F3F3;
}
.date-picker-box.disabled .date-value.data-v-1986c801,
.date-picker-box.disabled .placeholder.data-v-1986c801 {
color: #CCCCCC;
}
/* 置灰状态下的竖线 */
.date-picker-box.disabled .date-divider.data-v-1986c801 {
background-color: #F3F3F3;
}
/* 确保日期文字区域可以自动扩展 */
.date-picker-box text.data-v-1986c801 {
flex: 1;
}
/* 技师资质照片样式 */
.qualifications-container.data-v-1986c801 {
margin: 20rpx 5rpx 10rpx 6rpx;
}
.qualifications-list.data-v-1986c801 {
display: flex;
flex-wrap: wrap;
gap: 9rpx;
}
.qualification-item.data-v-1986c801 {
position: relative;
width: 208rpx;
height: 208rpx;
border-radius: 11rpx;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.add-item.data-v-1986c801 {
background: #F5F5F5 ;
}
.qualification-image.data-v-1986c801 {
width: 100%;
height: 100%;
}
.upload-icon.data-v-1986c801 {
width: 100rpx;
/* height: 76rpx; */
border-radius: 20rpx;
}
.delete-btn.data-v-1986c801 {
position: absolute;
top: 8rpx;
right: 8rpx;
width: 36rpx;
height: 36rpx;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 24rpx;
font-weight: bold;
}
.safe-bottom.data-v-1986c801 {
height: 150rpx;
}
/* 日期选择器弹窗样式 */
.date-picker-popup.data-v-1986c801 {
height: 500rpx;
background: #fff;
}
.picker-header.data-v-1986c801 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20rpx 30rpx;
border-bottom: 1rpx solid #f0f0f0;
}
.picker-cancel.data-v-1986c801, .picker-confirm.data-v-1986c801 {
font-size: 32rpx;
color: #666;
}
.picker-title.data-v-1986c801 {
font-size: 36rpx;
color: #333;
font-weight: 500;
}
.picker-view.data-v-1986c801 {
height: 400rpx;
}
.picker-item.data-v-1986c801 {
line-height: 68rpx;
text-align: center;
font-size: 32rpx;
}