update ruoyi-admin/src/main/resources/templates/system/user/profile/profile.html.

优化项-修改头像样式,鼠标移入悬停遮罩,点击到上传头像页面
dep_wangsr
Hacker 4 years ago committed by Limy
parent e9e95520bd
commit de07feb98a

@ -2,6 +2,31 @@
<html lang="zh" xmlns:th="http://www.thymeleaf.org" > <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head> <head>
<th:block th:include="include :: header('用户个人信息')" /> <th:block th:include="include :: header('用户个人信息')" />
<style>
.user-info-head {
position: relative;
display: inline-block;
}
.user-info-head:hover:after {
content: '\f030';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
color: #eee;
background: rgba(0, 0, 0, 0.5);
font-family: FontAwesome;
font-size: 24px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
line-height: 110px;
border-radius: 50%;
}
</style>
</head> </head>
<body class="gray-bg" style="font: 14px Helvetica Neue, Helvetica, PingFang SC, 微软雅黑, Tahoma, Arial, sans-serif !important;"> <body class="gray-bg" style="font: 14px Helvetica Neue, Helvetica, PingFang SC, 微软雅黑, Tahoma, Arial, sans-serif !important;">
@ -15,8 +40,8 @@
</div> </div>
<div class="ibox-content"> <div class="ibox-content">
<div class="text-center"> <div class="text-center">
<p><img class="img-circle img-lg" th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}"></p> <p class="user-info-head" onclick="javascript:avatar()"><img class="img-circle img-lg" th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}"></p>
<p><a href="javascript:avatar()">修改头像</a></p> <!--<p><a href="javascript:avatar()">修改头像</a></p>-->
</div> </div>
<ul class="list-group list-group-striped"> <ul class="list-group list-group-striped">
<li class="list-group-item"><i class="fa fa-user"></i> <li class="list-group-item"><i class="fa fa-user"></i>

Loading…
Cancel
Save