<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
	    <meta name="apple-mobile-web-app-capable" content="yes"/>
	    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	    <meta name="format-detection" content="telephone=no"/>
	    <title></title>
	    <link rel="stylesheet" type="text/css" href="../../lib/css/bootstrap.min.css">
	    <link rel="stylesheet" type="text/css" href="./myInfo.css">
	    <style type="text/css">
	        [v-cloak]{
	            display: none;
	        }
	    </style>
	    <!--<script type="text/javascript" src="../../lib/js/start.js"></script>-->
	    <script type="text/javascript" src="../../lib/js/p.js"></script>
	    <script type="text/javascript" src="../../lib/js/UIOT.js"></script>
	    <script type="text/javascript" src="../../lib/js/mui.min.js"></script>
	</head>
	<body  ontouchstart="">
		<div id="app" v-cloak>
			<div class="header">
	            <v-touch tag="span" class="header-left icon" v-on:tap="onBackTap">&#xe611;</v-touch>           
	            <p>{{ $t('title.editNickname') }}</p>   
	            <v-touch tag="span" class="header-right" v-on:tap="onSaveTap">{{ $t('btn.save') }}</v-touch>           
	        </div>
	        <div class="content">
            	<div class="inputBox">
			        <u-text :init-param="componentsConfig.nameInput.initParam" :text="textNickName"
		                v-on:u-text-change="onNicknameChange(arguments[0])"></u-text>
		            <p class="errorTip" v-if="textErrorTip">{{ textErrorTip }}</p>
		        </div>
		    </div>
		    <u-dialog ref="udialog" :init-param="componentsConfig.dialog.initParam"></u-dialog>
			<u-loading ref="uloading" :init-param="componentsConfig.loading.initParam"></u-loading>
		</div>
    	<script type="text/javascript" src="./editNickname.js" defer async></script>
	</body>
</html>
