149 lines
2.4 KiB
CSS

/* ============================================================
* 商家入驻 - 资料审核状态页
* 审核中 #FF9F0A 通过 #34C759 失败 #FF3B30 主色 #FF370B
* ============================================================ */
page {
background-color: #F6F7F9;
min-height: 100vh;
}
.container {
padding: 24rpx;
box-sizing: border-box;
padding-bottom: 200rpx;
}
.audit-card {
background: #FFFFFF;
border-radius: 16rpx;
padding: 60rpx 40rpx 48rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.audit-icon {
width: 120rpx;
height: 120rpx;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 28rpx;
}
.audit-icon--ing {
background: #FFF4E0;
}
.audit-icon--ok {
background: #E6F8EA;
}
.audit-icon--fail {
background: #FDECEA;
}
.audit-title {
font-size: 36rpx;
font-weight: 600;
color: #222;
margin-bottom: 16rpx;
}
.audit-desc {
font-size: 26rpx;
color: #999;
text-align: center;
line-height: 40rpx;
padding: 0 20rpx;
margin-bottom: 32rpx;
}
.audit-times {
width: 100%;
border-top: 1rpx solid #F2F2F2;
padding-top: 24rpx;
}
.audit-time-row {
display: flex;
justify-content: center;
font-size: 26rpx;
color: #666;
line-height: 44rpx;
}
/* 驳回原因框 */
.reject-box {
width: 100%;
background: #FFF7F4;
border: 1rpx solid #FFD9CD;
border-radius: 12rpx;
padding: 24rpx;
margin-bottom: 24rpx;
}
.reject-title {
display: flex;
align-items: center;
gap: 10rpx;
font-size: 28rpx;
font-weight: 600;
color: #FF370B;
margin-bottom: 14rpx;
}
.reject-text {
font-size: 26rpx;
color: #FF370B;
line-height: 42rpx;
white-space: pre-wrap;
}
.reject-imgs {
margin-top: 18rpx;
}
.reject-imgs-label {
font-size: 24rpx;
color: #999;
margin-bottom: 12rpx;
}
.reject-thumbs {
display: flex;
flex-wrap: wrap;
gap: 12rpx;
}
.reject-thumb {
width: 120rpx;
height: 120rpx;
border-radius: 8rpx;
border: 1rpx solid #EEE;
}
/* 底部按钮 */
.audit-footer {
position: fixed;
left: 0;
right: 0;
bottom: 0;
background: #FFFFFF;
padding: 16rpx 24rpx calc(16rpx + env(safe-area-inset-bottom));
box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.04);
z-index: 99;
}
.btn-primary {
height: 88rpx;
background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%);
border-radius: 44rpx;
color: #FFFFFF;
font-size: 30rpx;
display: flex;
align-items: center;
justify-content: center;
}