<!DOCTYPE html>
<html style=" background-color: #f2f2f2; height: 100%">

<head>
	<meta charset="utf-8">
	<title>个人资料</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../css/user.css" media="all" />
	<style>
		html body {
			height: 100%;
		}

		.flexBox {
			display: flex;
			align-items: center;
			height: 100%;
		}

		.layui-userInfo {
			height: 400px;
			width: 600px;
			margin: 0 auto;
		}

		.layui-text em,
		.layui-word-aux {
			color: #333 !important;
		}
	</style>
	<script id="demo" type="text/html">
        <form class="layui-form" lay-filter="userInfo">
            <div class="layui-form-item">
                <label class="layui-form-label">账号:</label>
                <div class="layui-input-block"> 
                    <div class="layui-form-mid layui-word-aux">{{d.name || ''}}</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">姓名:</label>
                <div class="layui-input-block">
                    <div class="layui-form-mid layui-word-aux">{{d.realName || ''}}</div>
                </div>
            </div>
            <div class="layui-form-item" pane="">
                <label class="layui-form-label">性别:</label>
                <div class="layui-input-block">
                    <div class="layui-form-mid layui-word-aux">{{d.sex || ''}}</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">区域:</label>
                <div class="layui-input-block">
                    <div class="layui-form-mid layui-word-aux">{{d.areaName || ''}}</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">角色:</label>
                <div class="layui-input-block">
                    <div class="layui-form-mid layui-word-aux">{{d.roleName || ''}}</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">手机号码:</label>
                <div class="layui-input-block">
                    <div class="layui-form-mid layui-word-aux">{{d.phone || ''}}</div>
                </div>
            </div>
        </form>
    </script>
</head>

<body class="childrenBody">
	<div class="flexBox">
		<div class="layui-card layui-userInfo layui-container">
			<div class="layui-card-header">个人信息</div>
			<div class="layui-card-body" style="padding: 25px 30px 0 0">
				<div id="view"></div>
			</div>
		</div>

	</div>
</body>
<script type="text/javascript">
	function loadJS(url) {
		document.write("<script src='" + url + "?ver=" + new Date().getTime() + "'><\/script>")
	}
	loadJS("../layui/layui.js");
	loadJS("../js/ajaxhook.min.js");
	loadJS("../js/config.js");
	loadJS("user.js");
</script>

</html>