<template>
	<view class="content column">

		<view class="row" style="width: 90%; margin: 100rpx auto 0; justify-content: space-between;">
			<image src="/static/back.png" style="width: 40rpx; height: 40rpx;" @click="goBack()" mode=""></image>
			<text style="font-size: 30rpx;">修改信息</text>
			<view style="width: 40rpx;"></view>
		</view>

		<view class="column" style="width: 90%; margin: 80rpx auto 0;">

			<view class="row" style="justify-content: space-between; width: 100%; align-items: center;">

				<text style="font-size: 26rpx;">我的头像</text>

				<image src="" style="width: 90rpx; height: 90rpx; background-color: aquamarine; border-radius: 50%;"
					mode=""></image>
			</view>

			<view style="width: 100%; height: 1rpx; background-color: antiquewhite; margin-top: 20rpx;"></view>

			<view class="row" style="justify-content: space-between; width: 100%; align-items: center; margin-top: 40rpx; font-size: 26rpx;">

				<text style="">我的昵称</text>

				<input type="text" v-model="userName" style="text-align: right;" />
			</view>

			<view style="width: 100%; height: 1rpx; background-color: antiquewhite; margin-top: 20rpx;"></view>
			
			<view class="row" style="justify-content: space-between; width: 100%; align-items: center; margin-top: 40rpx; font-size: 26rpx;">
			
				<text style="">我的年龄</text>
			
				<input type="text" v-model="userAge" style="text-align: right;" />
			</view>
			
			<view style="width: 100%; height: 1rpx; background-color: antiquewhite; margin-top: 20rpx;"></view>
			
			<view class="row" style="justify-content: space-between; width: 100%; align-items: center; margin-top: 40rpx; font-size: 26rpx;">
				<text style="">我的UID</text>
				<text style="">{{userId}}</text>
			</view>
			
			<view style="width: 100%; height: 1rpx; background-color: antiquewhite; margin-top: 20rpx;"></view>

		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				userName: "树下的胖子",
				userAge:"30",
				userId:"132546"
				
			}
		},
		methods: {
			goBack() {
				// 返回上一页
				uni.navigateBack({
					delta: 1
				});
			},
		}
	}
</script>

<style lang="scss">
	.content {
		width: 100%;
		height: 100vh;
	}
</style>