@layout("/common/_container.html"){
|
<style>
|
.contact-box {
|
background: unset;
|
border: unset;
|
}
|
strong{
|
line-height: 23px;
|
}
|
</style>
|
|
<div class="wrapper wrapper-content animated fadeInRight">
|
<div class="row">
|
<div class="col-sm-6">
|
<div class="contact-box">
|
<div class="col-sm-4">
|
<div class="text-center">
|
@if(user.avatar!=null){
|
<img alt="image" class="img-circle " src="${user.avatar}" style="width: 120px;height: 120px " >
|
@}
|
@if(user.avatar==null){
|
<img alt="image" class="img-circle " src="${ctxPath}/img/login-background.jpg" style="width: 120px;height: 120px" >
|
@}
|
|
<div class="m-t-xs font-bold">${deptName}</div>
|
</div>
|
</div>
|
<div class="col-sm-8">
|
<h3><strong>${user.name}</strong></h3>
|
<p><i class="fa fa-user-secret"></i> ${roleName}</p>
|
<address>
|
<strong>E-mail:${user.email}</strong><br>
|
<strong>Tel:${user.phone}</strong><br>
|
<strong>登录次数：${loginNum}次</strong><br>
|
<strong>登录时间：${date}</strong><br>
|
</address>
|
</div>
|
<div class="clearfix"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script>
|
$(document).ready(function () {
|
$('.contact-box').each(function () {
|
animationHover(this, 'pulse');
|
});
|
$(".row").css({
|
height: window.innerHeight+"px",
|
display:"flex",
|
alignItems: "center",
|
justifyContent: "center",
|
})
|
});
|
</script>
|
@}
|
