yyc12345/coconut-leaf
1
0
Fork 0
Code Activity

feat: add login page

Browse Source
This commit is contained in:
yyc12345
2026-05-13 13:20:23 +08:00
parent 167c83f7d4
commit 826cbf18b1
5 changed files with 50 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/views/Login.vue
View File

@@ -1,8 +1,33 @@
<script setup lang="ts"></script>
<template>
<h1>Congratulations</h1>
<p>This is login.</p>
<div style="margin-top: 1.25rem; width: 100%; display: flex; justify-content: center; align-items: center;">
<div class="card" style="padding: 1.25rem;">
<div class="field">
<label class="label">User Name</label>
<div class="control has-icons-left has-icons-right">
<input id="ccn-login-form-username" class="input" type="text">
<span class="icon is-small is-left">
<font-awesome-icon icon="fas fa-user"></font-awesome-icon>
</span>
</div>
</div>
<div class="field">
<label class="label">Password</label>
<p class="control has-icons-left">
<input id="ccn-login-form-password" class="input" type="password">
<span class="icon is-small is-left">
<font-awesome-icon icon="fas fa-lock"></font-awesome-icon>
</span>
</p>
</div>
<div class="control">
<button class="button is-primary">Login</button>
</div>
</div>
</div>
</template>
<style scoped></style>