feat: 首页icon

This commit is contained in:
zclzone 2023-09-18 22:46:49 +08:00
parent 0accfe3a4a
commit 478d8fccd1

View File

@ -14,25 +14,33 @@
<img src="@/assets/images/logo.png" height="50" class="mr-10" /> <img src="@/assets/images/logo.png" height="50" class="mr-10" />
{{ title }} {{ title }}
</h5> </h5>
<div mt-30> <div mt-32>
<n-input <n-input
v-model:value="loginInfo.name" v-model:value="loginInfo.username"
autofocus autofocus
class="h-50 items-center pl-10 text-16" class="h-48 items-center text-16"
placeholder="admin" placeholder="username"
:maxlength="20" :maxlength="20"
/> >
<template #prefix>
<icon-material-symbols:account-circle-outline class="mr-8 text-20 opacity-40" />
</template>
</n-input>
</div> </div>
<div mt-30> <div mt-32>
<n-input <n-input
v-model:value="loginInfo.password" v-model:value="loginInfo.password"
class="h-50 items-center pl-10 text-16" class="h-48 items-center text-16"
type="password" type="password"
show-password-on="mousedown" show-password-on="mousedown"
placeholder="123456" placeholder="password"
:maxlength="20" :maxlength="20"
@keypress.enter="handleLogin" @keydown.enter="handleLogin"
/> >
<template #prefix>
<icon-ri:lock-password-line class="mr-8 text-20 opacity-40" />
</template>
</n-input>
</div> </div>
<div mt-20> <div mt-20>