头像圆角化

ssp-server/src/main/resources/static/sa-res/login.css

@@ -325,4 +325,18 @@ body {
 }
 #myLink {
     display: none;
+}
+.home-content-img {
+    width: 100px;
+    height: 100px;
+    overflow: hidden;
+    object-fit: cover;
+    border-radius: 15%;
+}
+.home-header-img {
+    width: 38px;
+    height: 38px;
+    overflow: hidden;
+    object-fit: cover;
+    border-radius: 50%;
 }

ssp-server/src/main/resources/templates/home.html

@@ -14,7 +14,7 @@
         <img class="login-header-img" src="sa-res/images/logo-sj.png"/>
         <span class="login-h-text">首佳科技SSO平台</span>
         <div class="user-info" onmouseover="showUserInfo()" onmouseout="userInfoHide()">
-            <img th:src="${userInfo.avatar}" style="width:38px; height:38px; overflow: hidden; object-fit: cover;"/>
+            <img class="home-header-img"  th:src="${userInfo.avatar}" style="width:38px; height:38px; overflow: hidden; object-fit: cover;"/>
             <div class="user-info-content show-user" onmouseover="showUserInfo()" onmouseout="userInfoHide()">
                 <span class="user-info-content-text">
                     姓名：<span th:text="${userInfo.username}"></span><br>
@@ -30,7 +30,7 @@
     <div class="home-container" id="container">
         <div class="home-btn-content" th:each="item : ${dataSource}" th:data="${item.intro}"
              th:onclick="jumpClick([[${item.intro}]])">
-            <img th:src="${item.sysClientLogo}" style="width: 100px; height: 100px; overflow: hidden; object-fit: cover; border-radius: 20%;"/>
+            <img class="home-content-img" th:src="${item.sysClientLogo}"/>
             <span class="h-span" th:text="${item.sysClientName}"></span>
         </div>
     </div>