<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>设置头像</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!-- js引用 -->
		<script src="../../js/config.js"></script>
		<script src="../../js/h5toapp.js"></script>
		<script src="../../js/h5to.js"></script>

		<!-- 组件js引用 -->
		<script src="../../js/mui.min.js"></script>
		<!-- 组件标准css引用 -->
		<link rel="stylesheet" href="../../css/mui.min.css">
		<!-- css引用 -->
		<link href="../../css/currency.css" rel="stylesheet">
		<link href="../../css/spinkit.css" rel="stylesheet">
		<link href="../../css/icon/iconfont.css" rel="stylesheet">
		<!-- 界面本身css引用 -->
		<link href="./sztx.css" rel="stylesheet">

		<style type="text/css">
		</style>
	</head>

	<body class="app_page">
		<div style="background-color:  #F9FAFC; height: 100vh; width: 100%; margin: 0; overflow: auto;">
			<div id="loading" class="example">
				<div class="sk-plane loading_location"></div>
			</div>

			<div class="mui-content" style="background-color: #F9FAFC; ">
				<div class="z_head">
					请选择一个头像
				</div>
				<div class="z_body">
						<img src="../../img/组 86.png" />
						<img src="../../img/组 83.png" />
						<img src="../../img/组 85.png" />
						<img src="../../img/组 86.png" />
						<img src="../../img/组 81.png" />
						<img src="../../img/组 80.png" />
						<img src="../../img/组 79.png" />
						<img src="../../img/组 87.png" />
				</div>
				<div class="z_foot">
					上传头像
				</div>
				<div class="z_cz">
					<div class="z_cz_y" id="addBtn">+</div>
				</div>

			</div>
		</div>
		<div id="myModal" class="modal">
			<div class="modal-content">
				<div class="modal-content_t">拍照</div>
				<div class="modal-content_b" >从手机相册选择</div>
			</div>
			<div class="modal-btn">取消
			</div>
		</div>


		<script type="text/javascript">
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});

			setRouteParams({userId: "1352141846545367042",params: {}});
			//function
			function initPage() {
				var modal = document.getElementById('myModal');
				var btn = document.getElementById("addBtn");
				var cancel_btn = document.getElementsByClassName('modal-btn')[0];
				btn.onclick = function() {
					modal.style.display = "block";
				}
				cancel_btn.onclick = function() {
					modal.style.display = "none";
				}
				window.onclick = function(event) {
					if (event.target == modal) {
						modal.style.display = "none";
					}
				}
			}

			function click_row(row) {
				var pam = {
					_id: row._id,
					params: {
						userId: login_data.userId
					}
				};
				app_click('route',pam,callback);
			}
			
			function loadData() {
				doLoadData();
				hideloading("loading");
			}
			
			function doLoadData() {
				
			}
			//3. run
			mui.ready(function() {
				onInitReady(function() {
					// setRightBtn("rightBtn", {_id: 3000}, callback);
					initPage();
					loadData();
				});
			})
		</script>
	</body>
</html>