90 lines
1.5 KiB
CSS
90 lines
1.5 KiB
CSS
/* 通用证据上传 */
|
|
.evidence-upload__grid {
|
|
width: 100%;
|
|
}
|
|
|
|
.evidence-upload__item {
|
|
position: relative;
|
|
width: 92px;
|
|
height: 92px;
|
|
border-radius: 12px;
|
|
overflow: hidden;
|
|
border: 1px solid var(--line);
|
|
background: var(--paper);
|
|
}
|
|
|
|
.evidence-upload__image {
|
|
width: 92px;
|
|
height: 92px;
|
|
object-fit: cover;
|
|
display: block;
|
|
}
|
|
|
|
.evidence-upload__link-card {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 6px;
|
|
padding: 6px;
|
|
color: var(--ink-soft);
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
|
|
.evidence-upload__link-card .anticon {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.evidence-upload__remove {
|
|
position: absolute;
|
|
top: 2px;
|
|
right: 2px;
|
|
background: rgba(255, 255, 255, 0.88) !important;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.evidence-upload__add {
|
|
width: 92px;
|
|
height: 92px;
|
|
border: 1px dashed var(--line-strong, #cfd6cf);
|
|
border-radius: 12px;
|
|
background: var(--paper);
|
|
color: var(--ink-soft);
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 6px;
|
|
cursor: pointer;
|
|
transition: border-color 0.2s ease, color 0.2s ease;
|
|
}
|
|
|
|
.evidence-upload__add:hover:not(:disabled) {
|
|
border-color: var(--jade, #2f6f5e);
|
|
color: var(--jade, #2f6f5e);
|
|
}
|
|
|
|
.evidence-upload__add:disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.evidence-upload__add .anticon {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.evidence-upload__add span {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.evidence-upload__hint {
|
|
display: block;
|
|
margin-top: 6px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
|