<script>
export default {
  data() {
    return {
      count: 0
    }
  }
}
</script>

<template class="login">
<div class="login">
  <div>
    <h4 style="color:orange;">登录页面</h4>
  </div>
  <div>
    <label>用户名</label>
    <input type="text" placeholder="请输入用户名"/>
  </div>
  <div>
    <label>密码</label>
    <input type="password" placeholder="请输入密码"/>
  </div>
  <div>
    <button>登录</button>
  </div>
</div>
</template>
<style scoped>
@import url(../../style/common.css);
.login{
  color:var(--font-color);
  width:80%;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>