fix: 手机号placeholder显示问题 (#2197)
This commit is contained in:
parent
87ef48b826
commit
24477694f8
|
@ -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"
|
||||
/>
|
||||
|
|
Loading…
Reference in New Issue