fix: 手机号placeholder显示问题 (#2197)

This commit is contained in:
Younglina 2024-03-18 15:16:48 +08:00 committed by GitHub
parent 87ef48b826
commit 24477694f8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 3 deletions

View File

@ -7,16 +7,19 @@
<div class="title">{{ $t('login.loginText') }}</div>
<div class="section-2">
<div v-show="mode === 'phone'" class="input-box">
<div class="container" :class="{ active: inputFocus === 'phone' }">
<div
class="container"
:class="{ active: ['phone', 'countryCode'].includes(inputFocus) }"
>
<svg-icon icon-class="mobile" />
<div class="inputs">
<input
id="countryCode"
v-model="countryCode"
:placeholder="
inputFocus === 'phone' ? '' : $t('login.countryCode')
inputFocus === 'countryCode' ? '' : $t('login.countryCode')
"
@focus="inputFocus = 'phone'"
@focus="inputFocus = 'countryCode'"
@blur="inputFocus = ''"
@keyup.enter="login"
/>