<template>
	<view class="edit-name-page">
		<NavCom title="修改昵称"></NavCom>
		<view class="main">
			<input type="text" placeholder="请输入您的昵称" placeholder-class="input-place" v-model="form.nickname" class="main-input" maxlength="15" />
		</view>
		<view class="submit" @click="submit">确定</view>
	</view>
</template>

<script>
	import { myMixins } from "@/mixins/mixins.js";
	import NavCom from '@/pages/components/nav.vue'
	export default{
	mixins: [myMixins],
		data(){
			return{
				form:{
					id:"",
					nickname:""
				}
			}
		},
		components:{NavCom},
		onLoad(option){
			this.form = {
				id:option.id,
				nickname:option.nickname
			}
		},
		methods:{
			submit(){
				uni.redirectTo({
					url:'/pages/mine/setting'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-image: url('@/static/index/bg.png');
		background-size: 100%;
	}
	.edit-name-page{
		
		padding-top: 130rpx;
		.main{
			width: 706rpx;
			height: 106rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			display: flex;
			align-items: center;
			padding-left: 40rpx;
			margin-left: 22rpx;
			.main-input{
				color: #333;
				font-size: 30rpx;
			}
			.input-place{
				color: #888888;
			}
		}
		.submit{
			margin: 40rpx 25rpx 0 19rpx;
			width: 706rpx;
			height: 88rpx;
			background: linear-gradient(90deg, #EF4033 0%, #FF9F98 100%);
			border-radius: 44rpx;
			font-size: 32rpx;
			color: #FFFFFF;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
</style>