mrr.sj.front/unpackage/dist/dev/mp-weixin/pages/ruzhu/qualification_syr.wxss

571 lines
11 KiB
Plaintext

.qualification-page.data-v-67489628 {
padding: 28rpx 0;
}
.section.data-v-67489628 {
margin-bottom: 30rpx;
}
.section-title.data-v-67489628 {
display: flex;
align-items: center;
margin-bottom: 30rpx;
}
.title-bar.data-v-67489628 {
width: 6rpx;
height: 30rpx;
background-color: #E8101E;
margin-right: 7rpx;
border-radius: 5rpx;
}
.title-text.data-v-67489628 {
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 32rpx;
color: #1D2129;
line-height: 48rpx;
text-align: left;
font-style: normal;
}
.section-title text.data-v-67489628 {
font-size: 36rpx;
color: #1D2129;
font-weight: 500;
}
.box-cont.data-v-67489628 {
background: #FFFFFF;
border-radius: 20rpx;
margin-bottom: 24rpx;
margin-left: 8rpx;
margin-right: 8rpx;
box-shadow: none;
}
.form-item.data-v-67489628 {
padding: 24rpx 22rpx;
}
.form-item-one.data-v-67489628 {
display: flex;
align-items: center;
padding: 24rpx;
}
.form-item-two.data-v-67489628 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24rpx;
}
.label-wrapper.data-v-67489628 {
display: inline-flex;
align-items: center;
}
.label.data-v-67489628 {
font-size: 28rpx;
color: #333333;
font-weight: 500;
line-height: 1;
}
.label-icon.data-v-67489628 {
width: 26rpx;
height: 26rpx;
margin-left: 8rpx;
align-items: center;
}
.upload-label.data-v-67489628 {
font-family: Helvetica;
font-size: 28rpx;
color: #999;
line-height: 40rpx;
text-align: left;
font-style: normal;
margin-top: 24rpx;
}
.required.data-v-67489628::before {
content: '*';
color: #FF0000;
margin-right: 4rpx;
}
.upload-tip.data-v-67489628 {
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-container.data-v-67489628 {
display: flex;
flex-direction: column;
align-items: center;
}
.upload-box.data-v-67489628 {
display: flex;
justify-content: center;
align-items: center;
}
.upload-camera.data-v-67489628 {
width: 446rpx;
height: 298rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 48rpx;
overflow: hidden;
background-color: #F8F9FD;
position: relative;
}
.idcard-upload-vertical-container.data-v-67489628 {
display: flex;
flex-direction: column;
padding: 40rpx 24rpx 0 24rpx;
}
.idcard-upload-vertical-item.data-v-67489628 {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 30rpx;
}
.upload-placeholder.data-v-67489628 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.upload-icon.data-v-67489628 {
width: 120rpx;
height: 120rpx;
/* margin-bottom: 16rpx; */
}
.camera-icon.data-v-67489628 {
width: 446rpx;
height: 298rpx;
border-radius: 48rpx;
}
.preview-image.data-v-67489628 {
border-radius: 20rpx;
width: 100%;
height: 100%;
}
/* 识别状态遮罩 */
.recognize-overlay.data-v-67489628 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 48rpx;
}
.recognize-loading.data-v-67489628 {
width: 60rpx;
height: 60rpx;
border: 4rpx solid #fff;
border-top: 4rpx solid #E8101E;
border-radius: 50%;
-webkit-animation: spin-data-v-67489628 1s linear infinite;
animation: spin-data-v-67489628 1s linear infinite;
margin-bottom: 16rpx;
}
.recognize-text.data-v-67489628 {
color: #fff;
font-size: 24rpx;
}
@-webkit-keyframes spin-data-v-67489628 {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
@keyframes spin-data-v-67489628 {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
}
.picker-content.data-v-67489628 {
display: flex;
align-items: center;
justify-content: flex-end;
flex: 1;
}
.placeholder.data-v-67489628 {
color: #999999;
font-size: 28rpx;
}
.picker-value.data-v-67489628 {
font-size: 28rpx;
color: #333333;
}
.input.data-v-67489628 {
flex: 1;
font-size: 28rpx;
color: #333333;
text-align: right;
margin-left: 20rpx;
}
.radio-group.data-v-67489628 {
display: flex;
margin-top: 24rpx;
width: 100%;
}
.radio-item.data-v-67489628 {
display: flex;
align-items: center;
margin-right: 130rpx;
}
.radio.data-v-67489628 {
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-67489628 {
background-color: #E8101E;
border-color: #E8101E;
}
.radio-icon-image.data-v-67489628 {
width: 32rpx;
height: 32rpx;
}
.radio-label.data-v-67489628 {
font-size: 28rpx;
color: #333333;
}
/* 日期范围容器样式 */
.date-range-container.data-v-67489628 {
padding: 24rpx;
display: flex;
justify-content: space-between;
}
.date-item.data-v-67489628 {
flex: 1;
display: flex;
flex-direction: column;
}
.date-item.data-v-67489628:first-child {
margin-right: 24rpx;
}
.date-label.data-v-67489628 {
font-size: 28rpx;
color: #333333;
margin-bottom: 16rpx;
font-weight: 500;
margin-left: 8rpx;
}
.date-picker-box.data-v-67489628 {
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-67489628 {
font-size: 28rpx;
color: #333;
}
.date-divider.data-v-67489628 {
width: 2rpx;
height: 30rpx;
background-color: #E9E9E9;
margin: 0 15rpx 0 0;
}
.date-arrow.data-v-67489628 {
width: 35rpx;
height: 33rpx;
}
/* 日期选择框置灰状态 */
.date-picker-box.disabled.data-v-67489628 {
border: 2rpx solid #F3F3F3;
}
.date-picker-box.disabled .date-value.data-v-67489628,
.date-picker-box.disabled .placeholder.data-v-67489628 {
color: #CCCCCC;
}
/* 日期选择框竖线分隔符 */
.date-divider.data-v-67489628 {
width: 2rpx;
height: 30rpx;
background-color: #E9E9E9;
margin: 0 15rpx 0 0;
}
/* 置灰状态下的竖线 */
.date-picker-box.disabled .date-divider.data-v-67489628 {
background-color: #F3F3F3;
}
/* 确保日期文字区域可以自动扩展 */
.date-picker-box text.data-v-67489628 {
flex: 1;
}
/* 技师资质照片样式 */
.qualifications-container.data-v-67489628 {
/* margin-top: 15rpx; */
margin: 20rpx 5rpx 10rpx 6rpx;
}
.qualifications-list.data-v-67489628 {
display: flex;
flex-wrap: wrap;
gap: 9rpx;
}
.qualification-item.data-v-67489628 {
position: relative;
width: 208rpx;
height: 208rpx;
border-radius: 6rpx;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.add-item.data-v-67489628 {
background: #F5F5F5 ;
}
.qualification-image.data-v-67489628 {
width: 100%;
height: 100%;
}
.upload-icon.data-v-67489628 {
width: 123rpx;
height: 100rpx;
border-radius: 20rpx;
}
.delete-btn.data-v-67489628 {
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;
}
.arrow-right.data-v-67489628 {
width: 14rpx;
height: 26rpx;
margin-left: 16rpx;
}
/* 弹出框样式 */
.popup.data-v-67489628 {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
}
.popup.show.data-v-67489628 {
visibility: visible;
opacity: 1;
}
.popup-mask.data-v-67489628 {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.popup-content.data-v-67489628 {
position: relative;
background-color: #FFFFFF;
border-radius: 24rpx 24rpx 0 0;
padding: 32rpx;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
max-height: 70vh;
}
.popup.show .popup-content.data-v-67489628 {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.popup-header.data-v-67489628 {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 32rpx;
}
.popup-title.data-v-67489628 {
font-size: 32rpx;
color: #333333;
font-weight: 500;
}
.popup-close.data-v-67489628 {
font-size: 40rpx;
color: #999999;
padding: 16rpx;
}
.popup-body.data-v-67489628 {
max-height: 400rpx;
overflow-y: auto;
}
.radio-list .radio-item.data-v-67489628 {
margin-bottom: 32rpx;
}
.popup-footer.data-v-67489628 {
margin-top: 32rpx;
}
.popup-btn.data-v-67489628 {
height: 88rpx;
border-radius: 44rpx;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
}
.popup-btn .btn-text.data-v-67489628 {
font-size: 32rpx;
font-weight: 500;
color: #FFFFFF;
}
.cancel-text.data-v-67489628, .confirm-text.data-v-67489628 {
font-size: 32rpx;
padding: 16rpx;
}
.cancel-text.data-v-67489628 {
color: #666666;
}
.confirm-text.data-v-67489628 {
color: #E8101E;
font-weight: 500;
}
.picker-scroll.data-v-67489628 {
height: 400rpx;
}
.picker-item.data-v-67489628 {
height: 68rpx;
line-height: 68rpx;
text-align: center;
font-size: 28rpx;
}
/* 提示弹窗样式 */
.tip-popup.data-v-67489628 {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease;
}
.tip-popup.show.data-v-67489628 {
visibility: visible;
opacity: 1;
}
.tip-popup-mask.data-v-67489628 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.tip-popup-content.data-v-67489628 {
position: relative;
width: 620rpx;
height: 810rpx;
/* z-index: 1001; */
}
.tip-popup-bg.data-v-67489628 {
width: 620rpx;
height: 810rpx;
position: absolute;
top: 0;
left: 0;
}
.tip-popup-body.data-v-67489628 {
position: relative;
/* z-index: 1002; */
/* height: 100%; */
/* display: flex; */
flex-direction: column;
padding: 80rpx 20rpx 40rpx 20rpx;
box-sizing: border-box;
}
.tip-title.data-v-67489628 {
font-size: 36rpx;
font-weight: bold;
color: #333;
text-align: center;
margin-top: 107rpx;
margin-bottom: 37rpx;
}
.tip-image-container.data-v-67489628 {
/* flex: 1; */
/* display: flex; */
align-items: center;
justify-content: center;
margin-bottom: 50rpx;
}
.tip-image.data-v-67489628 {
width: 521rpx;
height: 327rpx;
margin-left: 30rpx;
}
/* 店铺名称图片的特殊样式 */
.tip-image.for_shop.data-v-67489628 {
width: 627rpx;
height: 327rpx;
margin-left: 13rpx;
}
.tip-buttons.data-v-67489628 {
display: flex;
justify-content: space-between;
padding: 0 28rpx;
}
.tip-btn.data-v-67489628 {
width: 250rpx;
height: 80rpx;
border-radius: 40rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 32rpx;
font-weight: 500;
}
.tip-btn.cancel.data-v-67489628 {
border: #E8101E 2rpx solid;
background-color: transparent;
color: #e8101e;
}
.tip-btn.confirm.data-v-67489628 {
background: linear-gradient(180deg, #f52540 0%, #e8101e 100%);
color: #FFFFFF;
}
.tip-btn .btn-text.data-v-67489628 {
color: inherit; /* 继承父元素的颜色 */
}