<!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>