75 lines
3.4 KiB
HTML
75 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>基本资料</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<link rel="stylesheet" href="../../css/sub.css">
|
|
<style>
|
|
form input.layui-input[disabled]{background:#f2f2f2;color:#595963!important}
|
|
.user_left{float:left;margin:20px 0 0 5%}
|
|
.user_right{width:25%;float:left;margin:20px 0 0 5%;text-align:center}
|
|
.user_right p{margin:10px 0 25px;font-size:12px;text-align:center;color:#ff5722}
|
|
.user_right img#userFace{width:200px;height:200px}
|
|
.layui-table,.layui-table th{text-align:center}
|
|
.userAddress.layui-form-item .layui-input-inline{width:23%}
|
|
.userAddress.layui-form-item .layui-input-inline:last-child{margin-right:0}
|
|
.relateve{position:relative!important}
|
|
.shade{position:absolute;z-index:999;top:0;left:0;right:0;bottom:0;opacity:0}
|
|
#page{text-align:right}
|
|
.changePwd{width:30%;margin:3% 0 0 5%}
|
|
@media screen and (max-width:750px){
|
|
.changePwd,.user_left,.user_right{width:100%;float:none;margin-left:0}
|
|
.user_right{margin-bottom:20px}
|
|
}
|
|
@media screen and (max-width:450px){
|
|
.userAddress.layui-form-item .layui-input-inline{width:auto}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="user-info">
|
|
<form class="layui-form">
|
|
<div class="user_left">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">用户名</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" value="智走" disabled class="layui-input layui-disabled">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">出生年月</label>
|
|
<div class="layui-input-block">
|
|
<input id="uDate" type="text" value="" placeholder="请输入出生年月" lay-verify="required" class="layui-input userBirthday">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item userAddress">
|
|
<label class="layui-form-label">家庭住址</label>
|
|
<div class="layui-input-inline">
|
|
<select name="province" lay-filter="province">
|
|
<option value="">请选择省</option>
|
|
</select>
|
|
</div>
|
|
<div class="layui-input-inline">
|
|
<select name="city" lay-filter="city" disabled>
|
|
<option value="">请选择市</option>
|
|
</select>
|
|
</div>
|
|
<div class="layui-input-inline">
|
|
<select name="area" lay-filter="area" disabled>
|
|
<option value="">请选择县/区</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" style="margin-left: 5%;">
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn" lay-submit="" lay-filter="changeUser">立即提交</button>
|
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<script type="text/javascript" src="../../lib/layui/layui.js"></script>
|
|
<script type="text/javascript" src="user-info.js"></script>
|
|
</body>
|
|
</html>
|