style(KYC页面): 添加按钮的显示调整
This commit is contained in:
parent
f7b4cfe1c3
commit
7248e362b2
@ -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>
|
||||
|
||||
<!-- 当前状态 -->
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user