<style>
|
#febs-user-detail #user-img, #febs-user-detail .user-info {
|
display: inline-block;
|
float: left;
|
margin-left: 15px;
|
}
|
|
#febs-user-detail #user-img img {
|
width: 7rem;
|
margin: 10px 10px 0 20px;
|
border-radius: 50%;
|
cursor: pointer;
|
}
|
|
#febs-user-detail #user-info-wrapper {
|
margin: 0 0 1rem 0;
|
display: inline-block;
|
}
|
|
#febs-user-detail .user-info div {
|
margin: 10px 15px;
|
max-width: 19rem;
|
}
|
|
#febs-user-detail #options-wrapper a {
|
padding: 4px 6px;
|
color: rgba(0, 0, 0, 0.65);
|
border: 1px solid #d9d9d9;
|
border-radius: 2px;
|
}
|
|
#febs-user-detail #options-wrapper a:hover {
|
color: #40a9ff;
|
border-color: #40a9ff;
|
}
|
|
</style>
|
<div class="layui-fluid" id="febs-user-detail" lay-title="个人信息">
|
<div id="user-info-wrapper">
|
<div id="user-img">
|
<img alt="头像" title="点我更换头像" data-th-src="@{febs/images/avatar/}+${user.avatar}">
|
</div>
|
<div class="user-info">
|
<div><span class="layui-icon layui-icon-user"></span> 账号:
|
[[${user.username}]]
|
</div>
|
<div><span class="layui-icon layui-icon-trophy"></span> 角色:
|
[[${#strings.defaultString(user.roleName,'暂无角色信息')}]]
|
</div>
|
<div><span class="layui-icon layui-icon-home"></span> 部门:
|
[[${#strings.defaultString(user.deptName,'无部门信息')}]]
|
</div>
|
<div><span class="layui-icon layui-icon-skin"></span> 性别:
|
[[${user.sex}]]
|
</div>
|
</div>
|
<div class="user-info">
|
<div><span class="layui-icon layui-icon-phone"></span> 电话:
|
[[${#strings.defaultString(user.mobile,'无电话信息')}]]
|
</div>
|
<div><span class="layui-icon layui-icon-mail"></span> 邮箱:
|
[[${#strings.defaultString(user.email,'无邮箱信息')}]]
|
</div>
|
<div><span class="layui-icon layui-icon-time-circle"></span> 最后登录时间:
|
[[${#strings.defaultString(lastLoginTime,'从未登录过系统')}]]
|
</div>
|
<div><span class="layui-icon layui-icon-read"></span> 个人简介:
|
[[${#strings.defaultString(user.description,'暂无个人介绍')}]]
|
</div>
|
</div>
|
</div>
|
</div>
|