简单的登录功能即可，样式要简约大方好看

好的，那我为您提供一个简单的登录界面，使用 Vue 框架和 Element UI 组件库，代码如下：

<template>
  <div class="login">
    <el-form :model="form" :rules="rules" ref="form" label-width="80px" class="login-form">
      <h3 class="login-title">用户登录</h3>
      <el-form-item prop="username">
        <el-input v-model="form.username" placeholder="请输入用户名"></el-input>
      </el-form-item>
      <el-form-item prop="password">
        <el-input v-model="form.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 {
      form: {
        username: '',
        password: ''
      },
      rules: {
        username: [
          { required: true, message: '请输入用户名', trigger: 'blur' }
        ],
        password: [
          { required: true, message: '请输入密码', trigger: 'blur' }
        ]
      }
    }
  },
  methods: {
    login() {
      this.$refs.form.validate((valid) => {
        if (valid) {
          // 登录逻辑
          console.log('登录成功')
        }
      })
    }
  }
}
</script>

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

.login-form {
  width: 400px;
  border: 1px solid #ccc;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.login-title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 22px;
}
</style>

这是一个简单的登录界面，包含用户名和密码的输入框和登录按钮。在输入框的下方，使用了 Element UI 的表单验证功能，可以检查用户是否填写了必填项。界面使用了简约大方的设计风格，看起来比较舒适。