调整个人中心样式

This commit is contained in:
Argo-Lenovo 2016-11-10 10:27:30 +08:00
parent bfa5c03de1
commit cf4011aecd
1 changed files with 88 additions and 90 deletions

View File

@ -1,90 +1,88 @@
@model NavigatorBarModel @model NavigatorBarModel
@{ @{
ViewBag.Title = "个人中心"; ViewBag.Title = "个人中心";
Layout = "~/Views/Shared/_Admin.cshtml"; Layout = "~/Views/Shared/_Admin.cshtml";
} }
@section css { @section css {
<link href="~/Content/css/tasks.css" rel="stylesheet" /> <link href="~/Content/css/tasks.css" rel="stylesheet" />
} }
@section header { @section header {
@Html.Partial("Header", Model) @Html.Partial("Header", Model)
} }
@section navigator { @section navigator {
@Html.Partial("Navigator", Model) @Html.Partial("Navigator", Model)
} }
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading">个人资料</div> <div class="panel-heading">基本资料</div>
<div class="panel-body"> <div class="panel-body">
<div class="row"> <form class="form-inline" id="infoDataForm" name="infoDataForm" role="form">
<form class="form-inline" id="infoDataForm" name="infoDataForm" role="form"> <div class="row">
<div class="form-group col-lg-6"> <div class="form-group col-xs-12 col-sm-6">
<label class="control-label" for="realName">真实姓名</label> <label class="control-label" for="realName">真实姓名</label>
<input type="text" class="form-control" id="realName" name="realName" maxlength="50" /> <input type="text" class="form-control" id="realName" name="realName" maxlength="50" />
</div> </div>
<div class="form-group col-lg-6"> <div class="form-group col-xs-12 col-sm-6">
<label class="control-label" for="email">邮箱</label> <label class="control-label" for="email">邮箱</label>
<input type="text" class="form-control" id="email" name="email" maxlength="50" /> <input type="text" class="form-control" id="email" name="email" maxlength="50" />
</div> </div>
<div class="form-group col-lg-6"> <div class="form-group col-xs-12 col-sm-6">
<label class="control-label" for="phoneNumber">手机号码</label> <label class="control-label" for="phoneNumber">手机号码</label>
<input type="text" class="form-control" id="phoneNumber" name="phoneNumber" /> <input type="text" class="form-control" id="phoneNumber" name="phoneNumber" />
</div> </div>
<div class="form-group col-lg-6"> <div class="form-group col-xs-12 col-sm-6">
<label class="control-label" for="birthday">出生年月</label> <label class="control-label" for="birthday">出生年月</label>
<input type="text" class="form-control" id="birthday" name="birthday" /> <input type="text" class="form-control" id="birthday" name="birthday" />
</div> </div>
<div class="form-group col-lg-6"> <div class="form-group col-xs-12">
<label class="control-label" for="profiles">个人简介</label> <label class="control-label" for="profiles">个人简介</label>
<textarea cols="50" rows="3" id="profiles" name="profiles"></textarea> <textarea class="form-control" cols="50" rows="3" id="profiles" name="profiles"></textarea>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<span class="input-group-btn"> <button class="btn btn-default" type="button">保存</button>
<button class="btn btn-default" type="button">保存</button> </div>
</span> </div>
</div> </form>
</form> </div>
</div> </div>
</div> <div class="panel panel-default">
</div> <div class="panel-heading">修改密码</div>
<div class="panel panel-default"> <div class="panel-body">
<div class="panel-heading">修改密码</div> <form id="passwordDataForm" name="passwordDataForm" class="form-inline" role="form">
<div class="panel-body"> <div class="row">
<form id="passwordDataForm" name="passwordDataForm" role="form"> <div class="form-group col-xs-12">
<div class="input-group"> <label class="control-label" for="currentPassword">当前密码: </label>
<label class="control-label" for="currentPassword">当前密码: </label> <input type="password" class="form-control" id="currentPassword" name="currentPassword" placeholder="登陆密码" maxlength="50" />
<input type="password" class="form-control" id="currentPassword" name="currentPassword" maxlength="50" /> </div>
</div> <div class="form-group col-xs-6">
<div class="input-group"> <label class="control-label" for="newPassword">最新密码: </label>
<label class="control-label" for="newPassword">最新密码: </label> <input type="password" class="form-control" id="newPassword" name="newPassword" placeholder="新密码" maxlength="50" />
<input type="password" class="form-control" id="newPassword" name="newPassword" maxlength="50" /> </div>
</div> <div class="form-group col-xs-6">
<div class="input-group"> <label class="control-label" for="confirmPassword">确认密码: </label>
<label class="control-label" for="confirmPassword">确认密码: </label> <input type="password" class="form-control" id="confirmPassword" name="confirmPassword" placeholder="与新密码一致" maxlength="50" />
<input type="password" class="form-control" id="confirmPassword" name="confirmPassword" maxlength="50" /> </div>
</div> <div class="modal-footer">
<div class="modal-footer"> <button class="btn btn-default" type="button">保存</button>
<span class="input-group-btn"> </div>
<button class="btn btn-default" type="button">保存</button> </div>
</span> </form>
</div> </div>
</form> </div>
</div> <div class="panel panel-default">
</div> <div class="panel-heading">修改头像</div>
<div class="panel panel-default"> <div class="panel-body">
<div class="panel-heading">修改头像</div> <form class="form-inline" id="imgDataForm" name="imgDataForm" role="form">
<div class="panel-body"> <div class="row">
<form id="imgDataForm" name="imgDataForm" role="form"> <div class="form-group col-xs-12">
<div class="input-group"> <label class="control-label" for="uploadImg">上传头像: </label>
<label class="control-label" for="uploadImg">上传头像: </label> <img class="form-control" src="" id="headImg" width="100" height="100" />
<img src="" id="headImg" width="100" height="100" /> <input class="form-control btn btn-default" type="file" name="uploadImg" id="uploadImg"
<input type="file" name="uploadImg" id="uploadImg" accept="image/png,image/gif,image/jpeg,image/tiff,image/vnd.dwg,image/vnd.dxf,image/vnd.svf" />
accept="image/png,image/gif,image/jpeg,image/tiff,image/vnd.dwg,image/vnd.dxf,image/vnd.svf" /> </div>
</div> <div class="modal-footer">
<div class="modal-footer"> <button class="btn btn-default" type="button">保存</button>
<span class="input-group-btn"> </div>
<button class="btn btn-default" type="button">保存</button> </div>
</span> </form>
</div> </div>
</form> </div>
</div>
</div>