diff --git a/pages/register.vue b/pages/register.vue
index d8989b6..c967ab9 100644
--- a/pages/register.vue
+++ b/pages/register.vue
@@ -10,6 +10,13 @@
         <view class="iconfont icon-user icon"></view>
         <input v-model="registerForm.username" class="input" type="text" placeholder="请输入账号" maxlength="30" />
       </view>
+
+      <view class="input-item flex align-center">
+        <uni-easyinput prefixIcon="phone" :clearable="false" v-model="registerForm.phonenumber" minlength="11" maxlength="11" placeholder="请输入手机号">
+        </uni-easyinput>
+<!--        <view class=" phone"></view>-->
+<!--        <input v-model="registerForm.phonenumber" class="input" type="text" placeholder=""  />-->
+      </view>
       <view class="input-item flex align-center">
         <view class="iconfont icon-password icon"></view>
         <input v-model="registerForm.password" type="password" class="input" placeholder="请输入密码" maxlength="20" />
@@ -75,6 +82,10 @@
       async handleRegister() {
         if (this.registerForm.username === "") {
           this.$modal.msgError("请输入您的账号")
+        } else if (this.registerForm.phonenumber === "") {
+          this.$modal.msgError("请输入您的手机号")
+        }else if (this.registerForm.phonenumber.length !== 11) {
+          this.$modal.msgError("手机号长度必须为11位")
         } else if (this.registerForm.password === "") {
           this.$modal.msgError("请输入您的密码")
         } else if (this.registerForm.confirmPassword === "") {
@@ -186,4 +197,16 @@
     }
   }
 
+  /deep/ .is-input-border {
+    border: 0 !important;
+    border-radius: 20px;
+    background: transparent !important;
+  }
+  /deep/  .uniui-phone {
+    margin-left: 8px!important;
+  }
+  /deep/ .uni-input-placeholder {
+    font-size: 14px!important;
+    color: grey!important;
+  }
 </style>