缴费凭证可显示多张图片

This commit is contained in:
zhaoxiao
2021-12-20 17:24:17 +08:00
parent 9a387309fb
commit a24ef733db
@@ -34,7 +34,9 @@
<div class="info-item">
<label>缴费凭证</label>
<div class="proof-img" v-if="proofType === 'img'">
<img :src="proofSrc(proofInfo.proof)">
<div class="proof-img-item" v-for="(item, index) in proofInfo.proof.split(',')" :key="index">
<img :src="proofSrc(item)">
</div>
</div>
<div v-if="proofType==='pdf'">
<preview-file :fileId="proofInfo.proof"></preview-file>
@@ -293,11 +295,13 @@ h3.title::before {
}
.proof-img {
width: calc(100% - 6rem);
&-item {
width: calc(100% - 6rem);
img {
max-width: 100%;
max-height: 200px;
img {
max-width: 100%;
max-height: 200px;
}
}
}
}