girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-16 05:08:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

9
src/views/loginAccount.vue
View file

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