添加登录组件
This commit is contained in:
parent
f6f8c53314
commit
766568bb83
54
src/views/auth/Login.vue
Normal file
54
src/views/auth/Login.vue
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row justify-content-md-center">
|
||||||
|
<div class="col-md-12 col-lg-4">
|
||||||
|
<div class="card login-box-container">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="authent-logo">
|
||||||
|
<img src="../../assets/images/logo@2x.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="authent-text">
|
||||||
|
<p>Welcome to IO!</p>
|
||||||
|
<p>Please Sign-in to your account.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<div class="mb-3">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
|
||||||
|
<label for="floatingInput">Email address</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<div class="form-floating">
|
||||||
|
<input type="password" class="form-control" id="floatingPassword" placeholder="Password">
|
||||||
|
<label for="floatingPassword">Password</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mb-3 form-check">
|
||||||
|
<input type="checkbox" class="form-check-input" id="exampleCheck1">
|
||||||
|
<label class="form-check-label" for="exampleCheck1">Check me out</label>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid">
|
||||||
|
<button type="submit" class="btn btn-info m-b-xs">Sign In</button>
|
||||||
|
<button class="btn btn-primary">Facebook</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<div class="authent-reg">
|
||||||
|
<p>Not registered? <a href="register.html">Create an account</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue
Block a user