element ui登陆模板

Element UI 是一个基于 Vue.js 的 UI 组件库，它提供了丰富的组件和样式，方便开发者快速构建用户界面。Element UI 并没有提供专门的登录模板，但你可以使用其提供的组件来构建一个登录页面。

以下是一个简单的 Element UI 登录模板示例：

<template>
  <div class="login-container">
    <el-form ref="loginForm" :model="loginForm" class="login-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 v-model="loginForm.password" type="password" placeholder="请输入密码"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="login">登录</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      loginForm: {
        username: '',
        password: ''
      }
    };
  },
  methods: {
    login() {
      // 在这里处理登录逻辑
      console.log('登录成功');
    }
  }
};
</script>

<style scoped>
.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.login-form {
  width: 300px;
}
</style>

这个示例使用了 Element UI 的 `el-form`、`el-form-item` 和 `el-input` 组件来构建一个简单的登录表单。当点击登录按钮时，会调用 `login` 方法进行登录逻辑处理。

你可以根据自己的需求进一步自定义和美化这个登录模板，添加验证、样式等。希望对你有帮助！