添加登录组件

This commit is contained in:
南浔 2025-06-10 13:04:44 +08:00
parent f6f8c53314
commit 766568bb83

54
src/views/auth/Login.vue Normal file
View 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>