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