|
@@ -1,59 +1,32 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <view class="container">
|
|
|
|
|
- <view class="login-wrap">
|
|
|
|
|
- <view class="login-form">
|
|
|
|
|
- <u--form
|
|
|
|
|
- labelPosition="left"
|
|
|
|
|
- :model="userInfo"
|
|
|
|
|
- :rules="rules"
|
|
|
|
|
- ref="form1"
|
|
|
|
|
- >
|
|
|
|
|
- <u-form-item
|
|
|
|
|
- label="密码"
|
|
|
|
|
- prop="password"
|
|
|
|
|
- labelWidth="auto"
|
|
|
|
|
- labelAlign="right"
|
|
|
|
|
- >
|
|
|
|
|
- <u--input
|
|
|
|
|
- v-model="userInfo.password"
|
|
|
|
|
- placeholder="请输入6到18位的密码"
|
|
|
|
|
- border="bottom"
|
|
|
|
|
- maxlength="18"
|
|
|
|
|
- minlength="6"
|
|
|
|
|
- type="password"
|
|
|
|
|
- ></u--input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- <u-form-item
|
|
|
|
|
- labelWidth="auto"
|
|
|
|
|
- labelAlign="right"
|
|
|
|
|
- label="确认密码"
|
|
|
|
|
- prop="password1"
|
|
|
|
|
- width="120"
|
|
|
|
|
- >
|
|
|
|
|
- <u--input
|
|
|
|
|
- maxlength="20"
|
|
|
|
|
- v-model="userInfo.password1"
|
|
|
|
|
- placeholder="请再次输入密码"
|
|
|
|
|
- border="bottom"
|
|
|
|
|
- type="password"
|
|
|
|
|
- ></u--input>
|
|
|
|
|
- </u-form-item>
|
|
|
|
|
- </u--form>
|
|
|
|
|
|
|
+ <view class="container">
|
|
|
|
|
+ <view class="login-wrap">
|
|
|
|
|
+ <view class="login-form">
|
|
|
|
|
+ <u--form labelPosition="left" :model="userInfo" :rules="rules" ref="form1">
|
|
|
|
|
+ <u-form-item label="密码" prop="password" labelWidth="auto" labelAlign="right">
|
|
|
|
|
+ <u--input v-model="userInfo.password" placeholder="请输入6到18位的密码" border="bottom" maxlength="18"
|
|
|
|
|
+ minlength="6" type="password"></u--input>
|
|
|
|
|
+ </u-form-item>
|
|
|
|
|
+ <u-form-item labelWidth="auto" labelAlign="right" label="确认密码" prop="password1" width="120">
|
|
|
|
|
+ <u--input maxlength="20" v-model="userInfo.password1" placeholder="请再次输入密码" border="bottom"
|
|
|
|
|
+ type="password"></u--input>
|
|
|
|
|
+ </u-form-item>
|
|
|
|
|
+ </u--form>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
- <view @click="gotoSettingTransactionPassword()" class="op-btn-wrap">
|
|
|
|
|
- <view class="h-btn">
|
|
|
|
|
- <text>下一步</text>
|
|
|
|
|
|
|
+ <view @click="gotoSettingTransactionPassword()" class="op-btn-wrap">
|
|
|
|
|
+ <view class="h-btn">
|
|
|
|
|
+ <text>下一步</text>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
|
|
|
|
- <view class="h-mark-desc">
|
|
|
|
|
- <view class="h-text">
|
|
|
|
|
- <text>*账号密码建议输入6到18位的数字、字母和特殊符号组成</text>
|
|
|
|
|
|
|
+ <view class="h-mark-desc">
|
|
|
|
|
+ <view class="h-text">
|
|
|
|
|
+ <text>*账号密码建议输入6到18位的数字、字母和特殊符号组成</text>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ </view>
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
|
export default {
|
|
export default {
|
|
@@ -77,7 +50,7 @@ export default {
|
|
|
message: '请输入6到18位密码',
|
|
message: '请输入6到18位密码',
|
|
|
trigger: ['blur', 'change'],
|
|
trigger: ['blur', 'change'],
|
|
|
},
|
|
},
|
|
|
- password1: [
|
|
|
|
|
|
|
+ password1: [
|
|
|
{
|
|
{
|
|
|
required: true,
|
|
required: true,
|
|
|
min: 6,
|
|
min: 6,
|
|
@@ -87,7 +60,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
validator: (rule, value, callback) => {
|
|
validator: (rule, value, callback) => {
|
|
|
- if(this.userInfo.password === value){
|
|
|
|
|
|
|
+ if (this.userInfo.password === value) {
|
|
|
return true;
|
|
return true;
|
|
|
}
|
|
}
|
|
|
return false;
|
|
return false;
|
|
@@ -101,7 +74,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
onLoad(option) {
|
|
onLoad(option) {
|
|
|
// 判断Openid是否为空
|
|
// 判断Openid是否为空
|
|
|
- if(!this.$isDataEmpty(option)){
|
|
|
|
|
|
|
+ if (!this.$isDataEmpty(option)) {
|
|
|
this.userInfo = JSON.parse(option.data);
|
|
this.userInfo = JSON.parse(option.data);
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
@@ -110,7 +83,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
// 去设置交易密码
|
|
// 去设置交易密码
|
|
|
- gotoSettingTransactionPassword(){
|
|
|
|
|
|
|
+ gotoSettingTransactionPassword() {
|
|
|
let that = this;
|
|
let that = this;
|
|
|
this.$refs.form1.validate().then(res => {
|
|
this.$refs.form1.validate().then(res => {
|
|
|
uni.$u.route({
|
|
uni.$u.route({
|
|
@@ -125,30 +98,37 @@ export default {
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
|
-page,body{
|
|
|
|
|
|
|
+page,
|
|
|
|
|
+body {
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
}
|
|
}
|
|
|
-.container{
|
|
|
|
|
|
|
+
|
|
|
|
|
+.container {
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
height: 500px;
|
|
height: 500px;
|
|
|
|
|
+
|
|
|
.login-wrap {
|
|
.login-wrap {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
- .login-form{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .login-form {
|
|
|
width: 90%;
|
|
width: 90%;
|
|
|
}
|
|
}
|
|
|
- .account{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .account {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
}
|
|
}
|
|
|
- .identifying-code{
|
|
|
|
|
- }
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .identifying-code {}
|
|
|
}
|
|
}
|
|
|
- .op-btn-wrap{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .op-btn-wrap {
|
|
|
margin-top: 30px;
|
|
margin-top: 30px;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
- .h-btn{
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .h-btn {
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
width: 343px;
|
|
width: 343px;
|
|
|
height: 42px;
|
|
height: 42px;
|
|
@@ -158,5 +138,4 @@ page,body{
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
</style>
|
|
</style>
|