<template>
	<view class="app">
		<view class="name">
			<view class="pwd">
				输入新密码
			</view>
			<u-input v-model="list.personPassword" type="password" placeholder="请输入新密码" />
		</view>
		<view class="submit" @tap="submit">提交

		</view>
		<u-toast ref="uToast" />
	</view>

</template>

<script>
	import {
		update,
	} from '@/api/Modifyphonenumber/Modifyphonenumber.js'
	export default {
		data() {
			return {

				list: [],
			}
		},
		onLoad(e) {
			if (e) {
				this.list = JSON.parse(e.list)
				console.log(this.list)
			}
		},
		methods: {
			submit() {
				update(this.list).then(res => {
					console.log(res)
					if (res.code == 200) {
						this.$refs.uToast.show({
							title: '修改成功',
							type: 'success',
							duration: '1500'
						})
					} else {
						this.$refs.uToast.show({
							title: res.msg,
							type: 'error',
							duration: '1500'
						})
					}
				})
			},
		},
	}
</script>

<style lang="scss">
	.app {
		height: 100vh;
		// background-color: #fff;
		position: relative;
		background: #F1F1F1;

		.submit {
			width: 496rpx;
			height: 61rpx;
			position: fixed;
			left: 50%;
			transform: translateX(-50%);
			bottom: 60rpx;
			background: #18CBB3;
			// border-radius: 5px;
			// width: 20rpx;
			// height: 100rpx;
			color: white;
			line-height: 60rpx;
			text-align: center;
			border-radius: 18rpx;
			font-size: 36rpx;
		}

		.name {
			padding: 25rpx 30rpx 25rpx 30rpx;
			font-size: 30rpx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #333333;
			line-height: 38rpx;
			height:150rpx;
			background: #fff;
			.pwd{
				margin-left: 30rpx
			}



			::v-deep .u-input {
				width: 636rpx;
				height: 63rpx;
				background: #F6F6F6;
				margin: 12rpx auto;
				border: none;
				border-radius: 5rpx;
				background: #fff;
			}

			.select {
				width: 636rpx;
				height: 63rpx;
				background: #F6F6F6;
				margin: 12rpx auto;
				border-radius: 5rpx;
				display: flex;
				position: relative;

				text {
					padding-left: 20rpx;
					line-height: 63rpx;
					font-size: 20rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #8E8E8E;
				}

				image {
					width: 9rpx;
					height: 17rpx;
					position: absolute;
					right: 40rpx;
					top: 50%;
					-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
				}
			}
		}
	}
</style>