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