mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-05-09 04:07:31 +08:00
feat: email next step
This commit is contained in:
@@ -7,7 +7,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="email-signup-page-content">
|
<div v-if="emailStep === 0" class="email-signup-page-content">
|
||||||
<div class="signup-page-input">
|
<div class="signup-page-input">
|
||||||
<i class="signup-page-input-icon fas fa-envelope"></i>
|
<i class="signup-page-input-icon fas fa-envelope"></i>
|
||||||
<input class="signup-page-input-text" type="text" placeholder="邮箱">
|
<input class="signup-page-input-text" type="text" placeholder="邮箱">
|
||||||
@@ -29,17 +29,28 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="signup-page-button-primary">
|
<div class="signup-page-button-primary">
|
||||||
<div class="signup-page-button-text">注册</div>
|
<div class="signup-page-button-text">验证邮箱</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="signup-page-button-secondary">已经有账号? <a class="signup-page-button-secondary-link" href="/login">登录</a></div>
|
<div class="signup-page-button-secondary">已经有账号? <a class="signup-page-button-secondary-link"
|
||||||
|
href="/login">登录</a></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div v-if="emailStep === 1" class="email-signup-page-content">
|
||||||
|
<div class="signup-page-input">
|
||||||
|
<i class="signup-page-input-icon fas fa-envelope"></i>
|
||||||
|
<input class="signup-page-input-text" type="text" placeholder="邮箱验证码">
|
||||||
|
</div>
|
||||||
|
<div class="signup-page-button-primary">
|
||||||
|
<div class="signup-page-button-text">注册</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="other-signup-page-content">
|
<div class="other-signup-page-content">
|
||||||
<div class="signup-page-button">
|
<div class="signup-page-button">
|
||||||
<img class="signup-page-button-icon" src="../assets/icons/google.svg" alt="Google Logo" />
|
<img class="signup-page-button-icon" src="../assets/icons/google.svg" alt="Google Logo" />
|
||||||
<div class="signup-page-button-text">Google 注册</div>
|
<div class="signup-page-button-text">Google 注册</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -47,7 +58,15 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'SignupPageView'
|
name: 'SignupPageView',
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
emailStep: 1,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -183,4 +202,4 @@ export default {
|
|||||||
.signup-page-button-secondary-link {
|
.signup-page-button-secondary-link {
|
||||||
color: var(--primary-color);
|
color: var(--primary-color);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user