基于VUE组件完成登录页
<template>
<div class="login_box">
<div class="title"><img src="../assets/images/login.jpeg"></div>
<el-form :model="loginForm" :rules="loginRules" ref="loginRef">
<el-form-item label="账号" prop="username">
<el-input v-model="loginForm.username" >
<template #prefix>
<el-icon :size="20">
<User />
</el-icon>
</template>
</el-input>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="loginForm.password" type="password" >
<template #prefix>
<el-icon :size="20">
<Lock />
<