root
/
agri-app
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

注册新增手机号

feasure-livedata
lld 2026-04-06 03:19:06 +08:00
parent abc9b91e73
commit f7592e59ec
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
pages/register.vue
View File

@ -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>