style(护照资料页面): 使用overflow-wrap: break-word;解决长数字不换行的问题

This commit is contained in:
hzj 2026-03-18 11:08:43 +08:00
parent 80468d0516
commit 71b47c64f0

View File

@ -156,13 +156,27 @@
<!-- 卡号 -->
<div style="font-weight: 500">{{ t('contact_number') }}:</div>
<div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.8em">
<div
style="
color: rgba(0, 0, 0, 0.4);
font-weight: 600;
font-size: 0.8em;
overflow-wrap: break-word;
"
>
{{ bankCardInfo.contactNumber }}
</div>
<!-- 备注信息 -->
<div style="font-weight: 500">{{ t('other_description') }}:</div>
<div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.8em">
<div
style="
color: rgba(0, 0, 0, 0.4);
font-weight: 600;
font-size: 0.8em;
overflow-wrap: break-word;
"
>
{{ bankCardInfo.otherDescription }}
</div>
</div>