<!--{include file="<!--{$oetplpath}-->block_header.tpl"}--> 
<style>
html,body{
	height: 100%;
}
body{
	min-width: auto;
}
.oe_modify_name{
	width: 100%;
	height: 100%;
	display: table;
	box-sizing: border-box;
}
.oe_modify_name .form_box{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.oe_modify_name .layui-form{
	display: inline-block;
	text-align: left;
}
@media screen and (max-width: 450px){
.layui-form-item .layui-input-inline {
    display: inline-block !important; 
    float: none;
    left: -3px;
    width: auto;
    margin: 0 0 10px 0 !important; 
}
@media screen and (max-width: 450px){
.oe_modify_name .layui-form-item .oe_form_tip {
    margin-left: 110px !important;
    top: -5px;
    padding: 0;
}
</style>
<div class="oe_modify_name">
	<div class="form_box">
		<!--{if $mod == "username"}-->
		<form class="layui-form">
		<div class="layui-form-item">
			<label class="layui-form-label">用户名</label>
			<div class="layui-input-inline" style="width: 212px;">
				<input type="text" name="username" id="username" value="<!--{$login.info.username}-->" placeholder="长度为3-16个字符" autocomplete="off" class="layui-input" />
			</div>
			<div class="layui-form-mid layui-word-aux oe_form_tip">（仅能修改一次哦！）</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block">
				<button class="layui-btn layui-btn-lg" lay-submit lay-filter="edit_username" id="but_submit_username">完成&nbsp;<span class="oe_btn_loading layui-anim layui-icon layui-anim-rotate layui-anim-loop" style="display:none;">&#xe63d;</span></button>
			</div>
		</div>
		</form>
		<!--{elseif $mod == "gender"}-->
		<form class="layui-form">
		<div class="layui-form-item">
			<label class="layui-form-label">性别</label>
			<div class="layui-input-inline">
				<select name="gender" id="gender">
					<option value="">=请选择=</option>
					<option value="1"<!--{if $login.info.gender == '1'}--> selected<!--{/if}-->>男</option>
					<option value="2"<!--{if $login.info.gender == '2'}--> selected<!--{/if}-->>女</option>
				</select>
			</div>
			<div class="layui-form-mid layui-word-aux oe_form_tip">（性别仅能修改一次哦！）</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block">
				<button class="layui-btn layui-btn-lg" lay-submit lay-filter="edit_gender" id="but_submit_gender">完成&nbsp;<span class="oe_btn_loading layui-anim layui-icon layui-anim-rotate layui-anim-loop" style="display:none;">&#xe63d;</span></button>
			</div>
		</div>
		</form>
		<!--{elseif $mod == "age"}-->
		
		<form class="layui-form">
		<div class="layui-form-item">
			<label class="layui-form-label">生日</label>
			<div class="layui-input-inline" style="width:80px">
				<!--{hook mod="year" type="select" name="ageyear" text="年" value=$login.info.ageyear}-->
			</div>
			<div class="layui-input-inline" style="width:70px">
				<!--{hook mod="month" type="select" name="agemonth" text="月" value=$login.info.agemonth}-->
			</div>
			<div class="layui-input-inline" style="width:70px">
				<!--{hook mod="day" type="select" name="ageday" text="日" value=$login.info.ageday}-->
			</div>
			<div class="layui-form-mid layui-word-aux oe_form_tip">（生日仅能修改一次哦！）</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block">
				<button class="layui-btn layui-btn-lg" lay-submit lay-filter="edit_age" id="but_submit_age">完成&nbsp;<span class="oe_btn_loading layui-anim layui-icon layui-anim-rotate layui-anim-loop" style="display:none;">&#xe63d;</span></button>
			</div>
		</div>
		</form>
		<!--{/if}-->
	</div> 
</div>
<script src="<!--{$userskin}-->js/profile.js?spm=<!--{$time}-->"></script>
</body>
</html>