个人中心

2020-06-12 18:05:39 +08:00
parent 006a3a5459
commit ee119b3be5
10 changed files with 407 additions and 53 deletions
--- a/pages/user/updatePassword.vue
+++ b/pages/user/updatePassword.vue
@@ -0,0 +1,60 @@
+<template>
+	<view class="password">
+		<view class="form-class">
+			<u-form :model="form" ref="uForm">
+				<u-form-item label="原密码" label-width="160" prop="password" label-style="label-class">
+					<u-input :border="border" type="password" :password="true" v-model="model.password" placeholder="请输入原密码"></u-input>
+				</u-form-item>
+				<u-form-item label="新密码" label-width="160" prop="newPassword">
+					<u-input :border="border" type="password" :password="true" v-model="model.newPassword" placeholder="请输入新密码"></u-input>
+				</u-form-item>
+				 <!-- right-icon="eye-off" -->
+				<u-form-item label="确认新密码" label-width="160" prop="rePassword">
+					<u-input :border="border" type="password" :password="true" v-model="model.rePassword" placeholder="请再次输入新密码"></u-input>
+				</u-form-item>
+			</u-form>
+		</view>
+		<text class="tips">密码必须是8-16位，至少含数字/字母/字符两种组合</text>
+		<view class="btn">确定</view>
+	</view>
+</template>
+<script>
+export default {
+	data() {
+		return {
+			model: {
+				password: '',
+				newPassword: '',
+				rePassword: ''
+			},
+		}
+	}
+};
+</script>
+<style lang="scss" scoped>
+.password {
+	min-height: calc(100vh - var(--window-top));
+    background: #ececec;
+	.form-class {
+		background-color: #ffffff;
+		padding: 0 30rpx;
+		margin-bottom: 25rpx;
+	}
+	.tips {
+		margin: 0 30rpx;
+		font-size: 24rpx;
+		color: rgba(101,101,101,1);
+	}
+	.btn {
+		margin: 120rpx auto 0;
+		width: 690rpx;
+		height: 98rpx;
+		background: rgba(255,119,15,1);
+		border-radius: 49rpx;
+		line-height: 98rpx;
+		text-align: center;
+		font-size: 36rpx;
+		color: rgba(255,255,255,1);
+	}
+}
+</style>