<!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/p.js"></script>
	    <script type="text/javascript" src="../../lib/js/UIOT.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.myInfo') }}</p>   
	       	</div>
	       	<ul class="editMyInfo">
	       		<v-touch tag="li" class="editNickname" v-on:tap="onEditNicknameTap">
					{{ $t('myInfo.editNickname') }}
       				<span>{{ nickname }}</span>
	       		</v-touch>
	       		<v-touch tag="li" class="editPassword" v-on:tap="onEditPasswordTap">
		       		{{ $t('myInfo.editPassword') }}
		       		<span>&#xe655;</span>
	       		</v-touch>
	       	</ul>
	       	<u-button :init-param="componentsConfig.logoutButton.initParam" v-on:u-button-tap="onLogoutButtonTap"></u-button>
	       	<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="./index.js" defer async></script>
	</body>
</html>
