You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.5 KiB
65 lines
2.5 KiB
1 year ago
|
<template>
|
||
|
|
<view class="page_css">
|
||
|
|
<view class="container">
|
||
|
|
<betone-header-top :title="title" />
|
||
|
|
<u-form labelPosition="left" :model="forgotInfo" :rules="rules" ref="registerForm">
|
||
|
|
<u-form-item prop="businessName" :border-bottom="false" label-position="top" label="手机号">
|
||
|
|
<u-input v-model="forgotInfo.mobile" :border="true" placeholder="请输入" />
|
||
|
|
</u-form-item>
|
||
|
|
<u-form-item prop="businessName" :border-bottom="false" label-position="top" label="验证码">
|
||
|
|
|
||
|
|
</u-form-item>
|
||
|
|
<u-form-item prop="businessName" :border-bottom="false" label-position="top" label="密码">
|
||
|
|
<u-input v-model="forgotInfo.password" type="password" :border="true" :password-icon="true" />
|
||
|
|
</u-form-item>
|
||
|
|
<u-form-item prop="businessName" :border-bottom="false" label-position="top" label="确认密码">
|
||
|
|
<u-input v-model="forgotInfo.confirmPassword" type="password" :border="true" :password-icon="true" />
|
||
|
|
</u-form-item>
|
||
|
|
</u-form>
|
||
|
|
<!-- <u-button @click="submit">确定</u-button> -->
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
title: "忘记密码",
|
||
|
|
forgotInfo: {
|
||
|
|
mobile: '',
|
||
|
|
verificationCode:'',//验证码
|
||
|
|
password:"",//密码
|
||
|
|
confirmPassword:'',//确认密码
|
||
|
|
},
|
||
|
|
rules: {
|
||
|
|
mobile: [
|
||
|
|
{
|
||
|
|
required: true,
|
||
|
|
message: '请输入手机号',
|
||
|
|
trigger: ['change', 'blur'],
|
||
|
|
},
|
||
|
|
{
|
||
|
|
// 自定义验证函数，见上说明
|
||
|
|
validator: (rule, value, callback) => {
|
||
|
|
// 上面有说，返回true表示校验通过，返回false表示不通过
|
||
|
|
// this.$u.test.mobile()就是返回true或者false的
|
||
|
|
return this.$u.test.mobile(value);
|
||
|
|
},
|
||
|
|
message: '手机号码不正确',
|
||
|
|
// 触发器可以同时用blur和change
|
||
|
|
trigger: ['change', 'blur'],
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.page_css {
|
||
|
|
.container {
|
||
|
|
padding: 32rpx 64rpx 32rpx 64rpx;
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|