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.
101 lines
2.1 KiB
101 lines
2.1 KiB
<template>
|
|
<view class="app-container">
|
|
<u-navbar
|
|
leftText="返回"
|
|
title="修改密码"
|
|
:autoBack="true"
|
|
:placeholder="true"
|
|
/>
|
|
<view class="form-item">
|
|
<view class="form-title">
|
|
原密码
|
|
<text></text>
|
|
</view>
|
|
<view class="item-input view-global">
|
|
<u--input
|
|
placeholder="请输入原密码"
|
|
border="none"
|
|
:customStyle="{ height: '45rpx' }"
|
|
v-model="form.oldPassword"
|
|
></u--input>
|
|
</view>
|
|
</view>
|
|
<view class="form-item">
|
|
<view class="form-title">
|
|
新密码
|
|
<text></text>
|
|
</view>
|
|
<view class="item-input view-global">
|
|
<u--input
|
|
placeholder="请输入新密码"
|
|
border="none"
|
|
:customStyle="{ height: '45rpx' }"
|
|
v-model="form.newPassword"
|
|
></u--input>
|
|
</view>
|
|
</view>
|
|
<view class="form-item">
|
|
<view class="form-title">
|
|
确认密码
|
|
<text></text>
|
|
</view>
|
|
<view class="item-input view-global">
|
|
<u--input
|
|
placeholder="请输入确认密码"
|
|
border="none"
|
|
:customStyle="{ height: '45rpx' }"
|
|
v-model="form.confirmPassword"
|
|
></u--input>
|
|
</view>
|
|
</view>
|
|
<fixed-buttom title="确认修改"></fixed-buttom>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
form: {
|
|
oldPassword: "",
|
|
newPassword: "",
|
|
confirmPassword: "",
|
|
},
|
|
};
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.form-item {
|
|
.form-title {
|
|
position: relative;
|
|
font-size: 30rpx;
|
|
font-weight: bold;
|
|
color: #2e2f31;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.form-title text {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
height: 12rpx;
|
|
width: 140rpx;
|
|
background: url("/static/images/juxing.png");
|
|
background-size: cover;
|
|
max-width: 300rpx;
|
|
z-index: 0;
|
|
}
|
|
|
|
.item-input {
|
|
margin-bottom: 30rpx;
|
|
border-radius: 16rpx;
|
|
background-color: #fff;
|
|
box-sizing: border-box;
|
|
padding: 25rpx;
|
|
}
|
|
}
|
|
</style>
|