简单的登录页面，简化工作（嘿嘿，不用谢）页面由vue2+elementui构建

话不多说，我直接上代码，复制copy完成登录页面模版创建
.vue文件如下，直接copy使用

<template>
  <el-card class="main">
    <div class="content">
      <div class="title">登录</div>
      <div class="input">
        <el-input v-model="UserName" clearable placeholder="用户名"></el-input>
      </div>
      <div class="input">
        <el-input
          v-model="PassWord"
          clearable
          show-password
          placeholder="密码"
        ></el-input>
      </div>
      <div class="loginbutton">
        <el-button size="small " type="primary" @click="SignIn">确认</el-button>
      </div>
    </div>
  </el-card>
</template>

<script>
export default {
  name: "Login",

  components: {},

  data() {
    return {
      UserName: "",
      PassWord: "",
    };
  },
};
</script>

<style scoped>
.main {
  position: fixed;
  top: 35%;
  left: 35%;
  right: 35%;
  bottom: 35%;
  margin: auto;
}
.content {
  display: block;
}
.title {
  text-align: center;
  margin-bottom: 20px;
}
.input {
  margin-bottom: 20px;
}
.loginbutton {
  text-align: end;
}
</style>