给我一个使用element-ui的组件做成的好看简洁的适用于EPR项目的登录和注册页面相结合的vue页面
时间: 2024-04-12 11:29:42 浏览: 14
当然可以!以下是一个使用 Element UI 组件库创建的简洁、美观且适用于 EPR 项目的登录和注册页面相结合的 Vue 页面示例:
```vue
<template>
<div class="login-register">
<el-row>
<el-col :span="12">
<h2 class="title">登录</h2>
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-width="80px" class="form">
<el-form-item label="用户名" prop="username">
<el-input v-model="loginForm.username" placeholder="请输入用户名"></el-input>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input type="password" v-model="loginForm.password" placeholder="请输入密码"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleLogin">登录</el-button>
</el-form-item>
</el-form>
</el-col>
<el-col :span="12">
<h2 class="title">注册</h2>
<el-form ref="registerForm" :model="register