新增用户注册页面

+<!--
+ * @Date: 2024-10-18 18:00:47
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-10-20 11:19:46
+ * @FilePath: /hager/src/views/user/login.vue
+ * @Description: 文件描述
+-->
 <template>
   <div class="hager-login-page">
-    <div>用户注册</div>
-    <div>
-
+    <div class="input-title">用户注册</div>
+    <div style="padding: 1rem;">
+      <hagerInput type="email" required disable v-model="email" placeholder="请输入注册邮箱地址" />
+      <hagerInput type="pwd" required v-model="pwd" placeholder="请输入登录密码" />
+      <hagerInput type="username" v-model="username" placeholder="请输入姓名" />
+      <hagerInput type="tel" v-model="tel" placeholder="请输入联系电话" />
+      <hagerInput type="corp" v-model="corp" placeholder="请输入公司名称" />
+      <hagerInput type="department" v-model="department" placeholder="请输入所属部门和职位" />
+    </div>
+    <div class="login-footer">
+      <div class="submit-btn" @click="onSubmit">提交</div>
+      <div class="login-subsidiary">
+        <div class="privacy"><span>隐私政策</span></div>
+        <div class="login">已有账号，<span>立即登录</span></div>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
 import mixin from 'common/mixin';
+import hagerInput from '@/components/common/hagerInput.vue';
 
 export default {
   mixins: [mixin.init],
   data () {
     return {
-
+      email: '1111111',
+      pwd: '',
+      username: '',
+      tel: '',
+      corp: '',
+      department: '',
     }
   },
   mounted () {
 
   },
   methods: {
-
+    onSubmit () {
+      console.warn();
+    }
   }
 }
 </script>
 
 <style lang="less" scoped>
   .hager-login-page {
+    padding: 2rem 0.5rem;
+    .input-title {
+      color: @secondary-color;
+      font-weight: bold;
+      font-size: 1.25rem;
+      text-align: center;
+    }
+    .submit-btn {
+      background-color: @secondary-color;
+      color: #FFF;
+      padding: 0.5rem 1rem;
+      text-align: center;
+      border-radius: 5px;
+      &:hover {
+        cursor: pointer;
+      }
+    }
+    .login-footer {
+      padding: 0 1rem 1rem 2rem;
+      .login-subsidiary {
+        display: flex;
+        justify-content: space-between;
+        font-size: 0.85rem;
+        margin-top: 1rem;
+        span {
+          color: @primary-color;
+          text-decoration: underline;
+          font-weight: bold;
+          &:hover {
+            cursor: pointer;
+          }
+        }
+        .privacy {
+
+        }
+        .login {
 
         }
+      }
+    }
+  }
 </style>