<template>
<div class="register">
  <div>
    <h4 style="color:orange;">注册页面</h4>
  </div>
  <div>
    <label>用户名</label>
    <input type="text" placeholder="请输入用户名"/>
  </div>
  <div>
    <label>密码</label>
    <input type="password" placeholder="请输入密码"/>
  </div>
  <div>
    <label>确认密码</label>
    <input type="password" placeholder="确认密码"/>
  </div>
  <div>
    <button>注册</button>
  </div>
</div>
</template>
<script type="module">
import "../../style/common.css";
export default {
  methods:{
    add_number(){

    }
  },
  setup(){
    console.log("about vue component setup");
  },
  mounted(el){
    console.log("about vue under mounted ---");
  }
}
</script>
<style scoped>
/* @import url(../../style/common.css); */
.register{
  color:var(--font-color);
  width:80%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.register div{
  width: 100%;
}
</style>



