style(KYC页面): 添加按钮的显示调整

This commit is contained in:
hzj 2025-11-13 12:01:32 +08:00
parent f7b4cfe1c3
commit 7248e362b2

View File

@ -55,7 +55,31 @@
<!-- 上传图片 -->
<div style="font-weight: 600">{{ t('passport_id_card_title') }}:</div>
<div style="display: flex; align-items: center">
<div style="position: relative">
<!-- 预览图片 -->
<div v-for="(imgUrl, index) in resImgUrls" :key="index" style="position: relative">
<img
:src="imgUrl"
alt=""
style="display: block; width: 15vw; aspect-ratio: 1/1; object-fit: cover"
/>
<img
src="/src/assets/icon/cancelGray.png"
alt=""
style="
position: absolute;
top: 6%;
right: 6%;
display: block;
width: 3vw;
aspect-ratio: 1/1;
object-fit: cover;
"
@click="handleCancel(index)"
/>
</div>
<!-- 添加按钮 -->
<div v-if="resImgUrls.length < 3" style="position: relative">
<img
src="/src/assets/icon/addImg.png"
alt=""
@ -91,35 +115,6 @@
"
/> -->
</div>
<img
src="/src/assets/icon/direction.png"
alt=""
style="display: block; width: 5vw; aspect-ratio: 1/1; object-fit: cover"
/>
<!-- 预览图片 -->
<div v-for="(imgUrl, index) in resImgUrls" :key="index" style="position: relative">
<img
:src="imgUrl"
alt=""
style="display: block; width: 15vw; aspect-ratio: 1/1; object-fit: cover"
/>
<img
src="/src/assets/icon/cancelGray.png"
alt=""
style="
position: absolute;
top: 6%;
right: 6%;
display: block;
width: 3vw;
aspect-ratio: 1/1;
object-fit: cover;
"
@click="handleCancel(index)"
/>
</div>
</div>
<!-- 当前状态 -->