|
|
@ -3,7 +3,7 @@
|
|
|
|
<div class="section-1">
|
|
|
|
<div class="section-1">
|
|
|
|
<img src="/img/logos/netease-music.png" />
|
|
|
|
<img src="/img/logos/netease-music.png" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="title">登录网易云账号</div>
|
|
|
|
<div class="title">{{ $t("login.loginText") }}</div>
|
|
|
|
<div class="section-2">
|
|
|
|
<div class="section-2">
|
|
|
|
<div class="input-box" v-show="mode === 'phone'">
|
|
|
|
<div class="input-box" v-show="mode === 'phone'">
|
|
|
|
<div class="container" :class="{ active: inputFocus === 'phone' }">
|
|
|
|
<div class="container" :class="{ active: inputFocus === 'phone' }">
|
|
|
@ -11,14 +11,14 @@
|
|
|
|
<div class="inputs">
|
|
|
|
<div class="inputs">
|
|
|
|
<input
|
|
|
|
<input
|
|
|
|
id="countryCode"
|
|
|
|
id="countryCode"
|
|
|
|
:placeholder="inputFocus === 'phone' ? '' : '国际区号'"
|
|
|
|
:placeholder="inputFocus === 'phone' ? '' : $t('login.countrycode')"
|
|
|
|
v-model="countryCode"
|
|
|
|
v-model="countryCode"
|
|
|
|
@focus="inputFocus = 'phone'"
|
|
|
|
@focus="inputFocus = 'phone'"
|
|
|
|
@blur="inputFocus = ''"
|
|
|
|
@blur="inputFocus = ''"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
<input
|
|
|
|
<input
|
|
|
|
id="phoneNumber"
|
|
|
|
id="phoneNumber"
|
|
|
|
:placeholder="inputFocus === 'phone' ? '' : '手机号'"
|
|
|
|
:placeholder="inputFocus === 'phone' ? '' : $t('login.phone')"
|
|
|
|
v-model="phoneNumber"
|
|
|
|
v-model="phoneNumber"
|
|
|
|
@focus="inputFocus = 'phone'"
|
|
|
|
@focus="inputFocus = 'phone'"
|
|
|
|
@blur="inputFocus = ''"
|
|
|
|
@blur="inputFocus = ''"
|
|
|
@ -33,7 +33,7 @@
|
|
|
|
<input
|
|
|
|
<input
|
|
|
|
type="email"
|
|
|
|
type="email"
|
|
|
|
id="email"
|
|
|
|
id="email"
|
|
|
|
:placeholder="inputFocus === 'email' ? '' : '邮箱'"
|
|
|
|
:placeholder="inputFocus === 'email' ? '' : $t('login.email')"
|
|
|
|
v-model="email"
|
|
|
|
v-model="email"
|
|
|
|
@focus="inputFocus = 'email'"
|
|
|
|
@focus="inputFocus = 'email'"
|
|
|
|
@blur="inputFocus = ''"
|
|
|
|
@blur="inputFocus = ''"
|
|
|
@ -48,7 +48,7 @@
|
|
|
|
<input
|
|
|
|
<input
|
|
|
|
type="password"
|
|
|
|
type="password"
|
|
|
|
id="password"
|
|
|
|
id="password"
|
|
|
|
:placeholder="inputFocus === 'password' ? '' : '密码'"
|
|
|
|
:placeholder="inputFocus === 'password' ? '' : $t('login.password')"
|
|
|
|
v-model="password"
|
|
|
|
v-model="password"
|
|
|
|
@focus="inputFocus = 'password'"
|
|
|
|
@focus="inputFocus = 'password'"
|
|
|
|
@blur="inputFocus = ''"
|
|
|
|
@blur="inputFocus = ''"
|
|
|
@ -58,7 +58,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="confirm">
|
|
|
|
<div class="confirm">
|
|
|
|
<button @click="login" v-show="!processing">登录</button>
|
|
|
|
<button @click="login" v-show="!processing">{{ $t('login.login') }}</button>
|
|
|
|
<button v-show="processing" class="loading" disabled>
|
|
|
|
<button v-show="processing" class="loading" disabled>
|
|
|
|
<span></span>
|
|
|
|
<span></span>
|
|
|
|
<span></span>
|
|
|
|
<span></span>
|
|
|
@ -66,8 +66,8 @@
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="other-login">
|
|
|
|
<div class="other-login">
|
|
|
|
<a v-show="mode === 'phone'" @click="mode = 'email'">使用邮箱登录</a>
|
|
|
|
<a v-show="mode === 'phone'" @click="mode = 'email'">{{ $t('login.usingEmail') }}</a>
|
|
|
|
<a v-show="mode === 'email'" @click="mode = 'phone'">使用手机号登录</a>
|
|
|
|
<a v-show="mode === 'email'" @click="mode = 'phone'">{{ $t('login.usingPhone') }}</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="notice">
|
|
|
|
<div class="notice">
|
|
|
|
YesPlayMusic 承诺不会保存你的任何账号信息到云端。<br />
|
|
|
|
YesPlayMusic 承诺不会保存你的任何账号信息到云端。<br />
|
|
|
@ -112,7 +112,7 @@ export default {
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
...mapMutations(["updateUser", "updateUserInfo"]),
|
|
|
|
...mapMutations(["updateUser", "updateUserInfo"]),
|
|
|
|
afterLogin() {
|
|
|
|
afterLogin() {
|
|
|
|
Cookies.set("MUSIC_U", true, { expires: 3650 });
|
|
|
|
// Cookies.set("MUSIC_U", true, { expires: 3650 });
|
|
|
|
Cookies.set("loginMode", "account", { expires: 3650 });
|
|
|
|
Cookies.set("loginMode", "account", { expires: 3650 });
|
|
|
|
userPlaylist({
|
|
|
|
userPlaylist({
|
|
|
|
uid: this.$store.state.settings.user.userId,
|
|
|
|
uid: this.$store.state.settings.user.userId,
|
|
|
|